Html pur et dur ...
Salut,
voila... j'ai un petit soucis ...
dans une page html, j'ai une liste de choix et un layer.
quand je passe la souris sur un texte le layer apparait sur la page, mais si j'ai le malheur de mettre la liste de choix en dessous du layer, ce dernier est caché....
v'la le code exemple ...
quelqu'un pourrait - il m'aider ...
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:120px; top:32px; width:187px; height:23px; z-index:1; background-color: #993333; layer-background-color: #993333; border: 1px none #000000; visibility: hidden"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Le
Layer caché...</font></b></div>
<table width="45%" border="1">
<tr>
<td width="33%" onMouseOver="MM_showHideLayers('Layer1','','show')">on mousseover</td>
<td width="67%">
<select name="select">
<option>pouet</option>
<option>bip</option>
<option>meuh...</option>
</select>
</td>
</tr>
</table>
<br>
</body>
</html>
@+ Pim
voila... j'ai un petit soucis ...
dans une page html, j'ai une liste de choix et un layer.
quand je passe la souris sur un texte le layer apparait sur la page, mais si j'ai le malheur de mettre la liste de choix en dessous du layer, ce dernier est caché....
v'la le code exemple ...
quelqu'un pourrait - il m'aider ...
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_showHideLayers() { //v3.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Layer1" style="position:absolute; left:120px; top:32px; width:187px; height:23px; z-index:1; background-color: #993333; layer-background-color: #993333; border: 1px none #000000; visibility: hidden"><b><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Le
Layer caché...</font></b></div>
<table width="45%" border="1">
<tr>
<td width="33%" onMouseOver="MM_showHideLayers('Layer1','','show')">on mousseover</td>
<td width="67%">
<select name="select">
<option>pouet</option>
<option>bip</option>
<option>meuh...</option>
</select>
</td>
</tr>
</table>
<br>
</body>
</html>
@+ Pim
3 réponses
-
Ce problème revient regulierement sur les forums... La liste <SELECT> semble venir se superposer au dessus de n'importe quel autre élément.
Une solution est de cacher la liste lors de l'affichage du layer.
-= Bobinours =- -
pas terrible comme solution, pensais que t'allais me sortir un truc du genre ....
ben y'a juste qu'a changer le paramètre la et le tour est réglé ...
bon ben c pas grave !
merci
@+ Pim -
Viii bobi a raison <select> se superpose au dessus de tout le reste.
