Inserire i tooltip [Risolto]

Inserire i tooltip [Risolto] postato il 17/01/2010 02:25:35 nel forum programmazione, gdrcd, open source, hosting e modificato da stefano_il_patetico il 17/01/2010 16:48:10

Salve a tutti,
vorrei dare un tocco di sobrietà al GDR che sto facendo, ma allo stesso tempo di eleganza. Ho deciso quindi di implemenatare i tooltip all'interno della land.

C'è un problema...ho scaricato un tooltip su immagini da un sito, il quale mi ha fornito 4 file(builder.js - prototype.js - anatips.js - anatips.css) li ho salvati ed inseriti nella pagina rispettando i path.

<html>
<title>rightFrame</title>
<head>
<link rel="stylesheet" href="stile.css" type="text/css">
<script src="builder.js" type="text/javascript"></script>
<script src="prototype.js" type="text/javascript"></script>
<script src="anatips.js" type="text/javascript"></script>
<link href="anatips.css" media="screen" rel="stylesheet" type="text/css" />
</head>

<body background="/grafica/provaframe11.png">
<table border="3" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse" bordercolor="#880000" background="..." width="150" height="400">
<tr>
<td><img src="..." width="150" height="300" class="anatips" title="Una splendida automobile..."/>
</td>
</tr>

Sapete suggerirmi dove sbaglio?
Grazie.

Dark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

Pagine → 1

17/01/2010 02:28:15

prima ci va prototype, poi il builder.

Sursum Corda

quota

stefano_il_patetico

SCRIVI

17/01/2010 13:31:48

Ho fatto come dicevi tu...ma non funziona uguale.

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

quota

blancks

SCRIVI

17/01/2010 13:40:13 e modificato da blancks il 17/01/2010 13:40:37

Addirittura prototype per una scemenza simile..

Puoi benissimo fare i tooltip con un minimo di javascript o addirittura senza.

A tal proposito ti suggerisco di dare un occhiata a questa guida: http://css.html.it/articoli/leggi/2467/tooltip-con-i-css/ ↗

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

stefano_il_patetico

SCRIVI

17/01/2010 14:01:08

Ringrazio blancks per il suo prezioso consiglio. Anche se l'escabotage "tooltip con i css" potrebbe essere allettante il risultato è palesemente diverso da quello che vorrei. http://javascript.html.it/demo/javascript/5013/esempio.htm ↗

Sponsorizzati con noi! ↗
Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

17/01/2010 14:08:20

quella era l'unica cosa riscontrabile come errore.
Se le path sono corrette e la classe è quella che il pacchetto si aspetta o il pacchetto non funziona di suo o le cose che tu reputi di aver fatto correttamente non lo sono.

Sursum Corda

quota

blancks

SCRIVI

17/01/2010 14:11:46

Quello è un punto di partenza.

Capito come funziona il concetto puoi tradurlo in javascript con una funzione che disabilita ed abilita la visibilità dell'elemento.

A questo punto, altre 5 righe di codice per attaccare all'evento onmousemove una funzione che si occupa di settare la posizione della tip (regolata su posizione assoluta) sulle coordinate attuali del mouse (magari con un po di offset)

E altre 3 righe contate di js per creare le funzioni di disabilitazione dell'onmouseover e della sparizione dell'elemento (richiamando la prima funzione citata).

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

stefano_il_patetico

SCRIVI

17/01/2010 15:34:25 e modificato da stefano_il_patetico il 17/01/2010 16:47:54

Risolto...non era legato a nessun problema accennato precedentemente.
Si trattava di inserire la slash nel percorso. Es: (/prototype.js)