Inserire i tooltip [Risolto]
Inserire i tooltip [Risolto] postato il 17/01/2010 02:25:35 nel forum programmazione, open source e 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.
Enlisted ↗Pagine → 1
17/01/2010 02:28:15
prima ci va prototype, poi il builder.
Sea of Conquest ↗
17/01/2010 13:31:48
Ho fatto come dicevi tu...ma non funziona uguale.
.jpg)
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/ ↗
Raja Dunia ↗
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 ↗
World of Tanks ↗
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.
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).
World of Warship ↗
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)
RAID Shadow Legends ↗
17/01/2010 16:49:35
quindi appunto era sbagliata la path ai file :)
Crossout ↗
Discussione seguita da
Pagine → 1
Rispondi alla Discussione Segui Discussione Inoltra Discussione Forum Programmazione, Open Source e Hosting Elenco Forum
Articoli, Interviste e altre Risorse!
