Salve a tutti,
vorrei far comparire un testo didascalico al passaggio del mouse sopra una serie di link. Ma il testo dovrebbe comparire sempre dentro un div, quindi in un punto preciso della pagina.
Esempio:
Ho dato un occhiata a diverse pagine molte forvianti da ciò che mi serve ma non ho trovato nulla. Mi servirebbe un piccolo esempio pratico per capire il mio caso specifico.
MMM...non pensavo fosse così difficile..Originariamente inviato da marcodmp
Salve a tutti,
vorrei far comparire un testo didascalico al passaggio del mouse sopra una serie di link. Ma il testo dovrebbe comparire sempre dentro un div, quindi in un punto preciso della pagina.
Esempio:
Ho dato un occhiata a diverse pagine molte forvianti da ciò che mi serve ma non ho trovato nulla. Mi servirebbe un piccolo esempio pratico per capire il mio caso specifico.
Per farlo in modo semplice: un tooltip, ve ne sono coi soli css, oppure javascript, con un evento onmouseover sui link che cambia lo stile di un div da un display:none a un display block o simili. Se cerchi nel forum dovresti trovare altre discussioni simili
Grazie dell'attenzione.
Ho già dato un occhiata ai tooltip, ma non ho trovato nulla che mi interessi. Ci sono molti post sui tooltip ma nulla che faccia al caso mio. A me serve far comparire la scritta dentro un div. La finestra posso si impostarla con i css ma il problema principale che ho con i css è quello di aver già impostato per quei link delle proprietà a.hover e oltre a queste che devono rimanere mi servirebbe la scritta dentro un div...
Originariamente inviato da marcodmp
10-12-2012 19:22@marcodmp,Originariamente inviato da marcodmp
10-12-2012 20:11
MMM...non pensavo fosse così difficile..
questo non è un help desk ne un servizio di assistenza personalizzato.
qui si risponde se e quando "ci va". fare un up dopo 50 minuti è decisamente presto.
giusto per spiegare come funziona qui.
buon lavoro
Esempio con javascript:
poi puoi posizionare i tuoi div in modo assoluto e formattarli coi css come ti parecodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #boh{ } #div1, #div2, #div3, #div4{ display:none; } --> </style> <script type="text/javascript"> function mostra(id) { document.getElementById(id).style.display = "block"; } function nascondi(id) { document.getElementById(id).style.display = "none"; } </script> </head> <body> <div id="boh"> <div> LINK1 LINK2 LINK3 LINK4 </div> <div id="div1">contenuti div1</div> <div id="div2">contenuti div2</div> <div id="div3">contenuti div3</div> <div id="div4">contenuti div4</div> </div> </body> </html>
Originariamente inviato da Prill
Esempio con javascript:
poi puoi posizionare i tuoi div in modo assoluto e formattarli coi css come ti parecodice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #boh{ } #div1, #div2, #div3, #div4{ display:none; } --> </style> <script type="text/javascript"> function mostra(id) { document.getElementById(id).style.display = "block"; } function nascondi(id) { document.getElementById(id).style.display = "none"; } </script> </head> <body> <div id="boh"> <div> LINK1 LINK2 LINK3 LINK4 </div> <div id="div1">contenuti div1</div> <div id="div2">contenuti div2</div> <div id="div3">contenuti div3</div> <div id="div4">contenuti div4</div> </div> </body> </html>
Grazie mille.. adesso ho capito realmente l'attributo onmouseover.. e i div, 4 diversi.. grazie davvero grande.. da giorni leggevo e rileggevo..
grazie
Permessi di invio
Rispondi quotando