Html pur et dur ...
pimousse_cerise
Messages postés
68
Date d'inscription
Statut
Membre
Dernière intervention
-
Bobinours Messages postés 2898 Date d'inscription Statut Membre Dernière intervention -
Bobinours Messages postés 2898 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Html pur et dur ...
- Cloner disque dur - Guide
- Defragmenter disque dur - Guide
- Test disque dur - Télécharger - Informations & Diagnostic
- Chkdsk disque dur externe - Guide
- Editeur html - Télécharger - HTML
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 =-
Une solution est de cacher la liste lors de l'affichage du layer.
-= Bobinours =-
