Bonjour, à tous, je ssui nouveau et j'ai déjà un problème
voilà mon script pour gérer ma balise div :
ensuite pour l'afficher sur un lien (on passe la souris sur le lien, le div s'affiche avec les infos concernant ce lien) :
mon lien se trouve ensuite dans un formulaire avec des <select>, et à chaque fois le div se place en dessous du select, j'ai essayé de jouer avec les z-index, mais ça marche pas. J'ai également mis le <select> dans une div avec un z-index:1. Ca marche pas non plus ?
Quelqu'un a une idée ?

voilà mon script pour gérer ma balise div :
a écrit :
<div ID="legend" STYLE="z-index:99; position:Absolute; display:block;"></div>';
<script language="Javascript">
var ie = (document.all);
var ne = (document.layers);
var fenetre = (ne) ? document.legend:legend.style;
if (ne) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = capture_souris;
window.onscroll=cache_legende;
function montre_legende(message,titre)
{
var contenu ="<table cellpadding=1 cellspacing=0 border=1 bordercolor=#663300 width=400><tr><td bgcolor=#FEF6EF><table border=0 bordercolor=#663300 width=100% cellpadding=3 cellspacing=0><tr><td bgcolor=#FEF6EF><font face=verdana size=1 color=#000099><b>" + titre + "</b></font></td></tr><tr><td bgcolor=#FEF6EF><font face=verdana size=1 color=black><em>" + message + "</em></font></td></tr></table></td></tr></table>";
if (ie) // affichage avec Internet Explorer
{
document.all("legend").innerHTML = contenu;
fenetre.visibility = "visible";
fenetre.zindex = "99";
}
else // affichage avec Netscape
{
fenetre.document.write(contenu);
fenetre.document.close();
fenetre.visibility = "visible";
fenetre.zindex = "99";
}
}
function capture_souris(e)
{
var x = (ie) ? event.x+document.body.scrollLeft : e.pageX;
var y = (ie) ? event.y+document.body.scrollTop : e.pageY;
fenetre.left = x - 60;
var strtemp=navigator.appVersion.substring(22,25);
if ((navigator.appName == "Microsoft Internet Explorer") && (strtemp == "4.0"))
{
fenetre.top = y + 20 - document.body.scrollTop;
}
else{
fenetre.top = y + 20;
}
}
function cache_legende()
{
fenetre.visibility = "hidden";
}
</script>';
ensuite pour l'afficher sur un lien (on passe la souris sur le lien, le div s'affiche avec les infos concernant ce lien) :
a écrit :
<a href=_blank onMouseOver="montre_legende(\''.$description.'\',\''.$titre.'\')" onmouseout=cache_legende()>H</a>
mon lien se trouve ensuite dans un formulaire avec des <select>, et à chaque fois le div se place en dessous du select, j'ai essayé de jouer avec les z-index, mais ça marche pas. J'ai également mis le <select> dans une div avec un z-index:1. Ca marche pas non plus ?
Quelqu'un a une idée ?