Nella mia pagina web ho:
- una select;
- una maschera con un messaggio che si apre quando con il mouse passo sopra una certa immagine.
codice:
...
<script>
...
function evidenzia_help(indice_help)
{
var asse_x = window.event.clientX + document.body.scrollLeft;
var asse_y = window.event.clientY + document.body.scrollTop;
document.getElementById("HELP_"+indice_help).style.left = asse_x;
document.getElementById("HELP_"+indice_help).style.top = asse_y;
document.getElementById("HELP_"+indice_help).style.visibility = "visible"
}
function cancella_help(indice_help)
{
document.getElementById("HELP_"+indice_help).style.visibility = "hidden"
}
...
</script>
...
<div id="HELP_9" style="position:absolute; visibility:hidden; width:550px; border: 1px solid black; padding: 2px; background-color: lightyellow; z-index: 1; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);">
<div align="center" class="messaggio_help">
testo del messaggio
</div>
</div>
...
[img]IMMAGINI/nuovo.jpg[/img]
...
<select name="Fase" id="Fase" style="width:40px">
<option value="FA 01">01</option>
<option value="FA 02">02</option>
<option value="FA 03">03</option>
</select>
...
Il problema è che la maschera con il testo del messaggio si pone sotto la select (problema di gerarchia ???).
Qualcuno mi sa aiutare ???
Grazie.
Vincenzo