Puoi fare cosi (solo x IE)
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.hiddenDiv {top:-1000px;left:-1000px;position:absolute;background-color:red;border:1px;border-color:green}
.word {color:red;cursor:hand}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function view(parola) {
switch (parola) {
case 'note' :
view_note();
break;
case 'sapreste' :
view_sapreste();
break;
} // switch (parola)
}
function hide() {
document.getElementById('pluto').style.top = -1000;
document.getElementById('pluto').style.left = -1000;
document.getElementById('pluto').innerHTML = "";
}
function coords() {
a = event.srcElement;
status = a.tagName;
document.getElementById('pluto').style.top = a.offsetTop + a.offsetHeight + 2;
document.getElementById('pluto').style.left = a.offsetLeft + a.offsetWidth;
document.getElementById('pluto').innerHTML = "";
}
function view_note() {
coords();
document.getElementById('pluto').innerHTML = "note :
esempio : do, re, mi fa sol";
}
function view_sapreste() {
coords();
document.getElementById('pluto').innerHTML = "sapreste :
2° persona del plurale al condizionale";
}
//-->
</script>
</head>
<body>
<div id="pluto" class="hiddenDiv">
</div>
<div id="pippo">
Salve ragazzi.. io vorrei fare una piccolo
rollover in modo che quando si passa con il
mouse su di una parola compaia un piccolo
riquadro con delle <span onmouseover="view('note')" onmouseout="hide()" class="word">note</span> di testo all'interno.
Al di la di come passare le stringhe per il
testo <span onmouseover="view('sapreste')" onmouseout="hide()" class="word">sapreste</span> indicarmi il modo
più semplice per creare questa finestrucola
in javascript?
Grazie... e a buon rendere.. a presto
</div>
</body>
</html>
Permessi di invio
Rispondi quotando