salve a tutti dovrei associare un evento onmouseover ad un testo, so che si può fare anche senza javascript in semplice html ma non ricordo come, potete aiutarmi?
mi occorre per un menu dove alla voce 'dove siamo' con on mouseover dovrebbe apparire l'immagine della piantina, magari senza popup.ciao a tutti
Prova
codice:<SPAN ONMOUSEOVE="qualcheFunzioneJavascript();return true;>dove siamo</span>
Sono sicuro che con quel codice risolve il problema! Quella funzione non la conoscevo!Originariamente inviato da softhare
Prova
codice:<SPAN ONMOUSEOVE="qualcheFunzioneJavascript();return true;>dove siamo</span>
codice:<!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=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- #cambia:hover { width: 100px; height: 100px; color: transparent; background: url(mappa.jpg) no-repeat; } --> </style> </head> <body> <div id="cambia">Dove Siamo</div> </body> </html>
L'esempio indicato serve per "associare un evento onmouseover ad un testo in semplice html".
gibbosus non ha detto "mi serve lo script completo che fa così e così".
Temo che senza javascript sia impossibile far "apparire l'immagine della piantina, magari senza popup".
La soluzione che usa solo css inserisce la immagine come sfondo, non apre l'immagine.
Chiaramente il nome qualcheFunzioneJavascript() sottintendeva la funzione che verrà usata per far "apparire l'immagine della piantina, magari senza popup".
Chiaramente onmouseove è un errore di digitazione e deve intendersi come onmouseover.
Perchè il codice che ho postato non funziona?Originariamente inviato da softhare
.........
Temo che senza javascript sia impossibile far "apparire l'immagine della piantina, magari senza popup".......
non so come inserire il codice, nel css dell'head ho gia:
<style type="text/css">
<!--
a:link {text-decoration: none; color: white; font-size: 22pt;}
a:visited {text-decoration: none; color: white; font-size: 22pt;}
a:hover {color: blue; font-size: 22pt;}
.style2 {color: #0000FF}
.style3 {
font-size: 24px;
color: #FFFFFF;
}
.style4 {
font-size: 16pt;
color: #0000FF;
}
-->
</style>
e nel body ho nella stringa in questione:
<p class="style3">dove siamo</p>
Quando posti del codice devi usare l'apposito tag come facciamo tutti
codice:<!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=utf-8" /> <title>Documento senza titolo</title> <style type="text/css"> <!-- .style3 a:hover { width: 100px; height: 100px; display: block; color: transparent; background: url(mappa.jpg) no-repeat; } --> </style> </head> <body> <p class="style3">dove siamo</p> </body> </html>
ok ho visto solo ora che era possibile evidenziare l'html così....provo ad inserire il codice
non mi è molto charo nel css come modificare, se metto quello che mi hai postato non perdo le altre x che ho impostato?
[URL=http://]<head>
<style type="text/css"> </style>
<head>
<body>
<p class="style3">dove siamo</p>
</body>
</html>
Il css che ti ho dato non sovrascrive nessuna delle tue regole, devi solo cambiare le misure in base alla tua immagine
Permessi di invio
Rispondi quotando