Titre: objet de formulaire par dessus mon menu
Posté par: dhjapan le le 28-04-2005 a 11:46:13
Salut,
j'ai fais une navigation avec des calques qui apparaissent et disparaissent pour montrer les sousmenus...
le problème c'est que sous IE, un menu déroulant qui est dans ma page et qui devrait se retrouver sous mon sousmenu reste en fait au dessus..
Quelqu'un à déjà vu ca ? |
Titre: Re:objet de formulaire par dessus mon menu
Posté par: jb_gfx le le 28-04-2005 a 14:35:04
Oui déjà vu, c'est un bug de IE qui intervient sur toutes les versions de ce navigateur...
Il n'y a rien à faire pour le corriger. Tu peux eventuellement contourner le problème en plaçant le formulaire, ou l'élément de formulaire dans un bloc (div) que tu masque (display: none) quand tu rend le div de ton menu visible (celui qui passe par dessus).
A ce que j'en sais il n'y a pas d'autre manière de contourner le problème que cette "bidouille". |
Titre: Re:objet de formulaire par dessus mon menu
Posté par: dhjapan le le 28-04-2005 a 17:59:13
voilà au final j'ai fait le menu deroulant en CSS/Javascript :
style.css :
Code:
div#references_zoom_menudisplay{
position: relative;
display: block;
width:200px;
border: solid 1px #999999;
margin: 0px;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 3px;
}
div#references_zoom_menu_deroulant{
position: relative;
display: block;
width:200px;
border: solid 1px #999999;
visibility : hidden;
}
p#menu_items{
margin: 0px;
padding-top: 2px;
padding-left: 5px;
padding-bottom: 2px;
}
a.btn_menu,a.btn_menu:link,a.btn_menu:visited{
font-family: Arial;
font-size: 11px;
color: 000000;
}
a.btn_menu:hover,a.btn_menu:active{
} |
|
et dans ma page HTML :
Code:
<html><head></head>
<style type="text/css">
@import "style.css";
</style>
<body>
<div id="references_zoom_form">
<a href="#" onClick="ShowLayer('references_zoom_menu_deroulant')" class="btn_menu"><div id="references_zoom_menudisplay">Selectionnez</div></a>
<div id="references_zoom_menu_deroulant">
<a href="#" onclick="WriteLayer ('references_zoom_menudisplay',references_zoom_form,'123')" class="btn_menu"><p id="menu_items">123</p></a>
<a href="#" onclick="WriteLayer ('references_zoom_menudisplay',references_zoom_form,'ABC')" class="btn_menu"><p id="menu_items">ABC</p></a>
<a href="#" onclick="WriteLayer ('references_zoom_menudisplay',references_zoom_form,'...')" class="btn_menu"><p id="menu_items">...</p></a>
</div>
</div>
<script language="Javascript">
function WriteLayer(ID,parentID,sText) {
sText="<a href=\"#\" onClick=\"ShowLayer('references_zoom_menu_deroulant')\">"+sText+"</a>";
document.getElementById("references_zoom_menu_deroulant").style.visibility="hidden";
if (document.layers) {
var oLayer;
if(parentID){
oLayer = eval('document.' + parentID + '.document.' + ID + '.document');
}else{
oLayer = document.getElementById(ID).document;
}
oLayer.open();
oLayer.write(sText);
oLayer.close();
}
else if (parseInt(navigator.appVersion)>=5&&navigator.
appName=="Netscape") {
document.getElementById(ID).innerHTML = sText;
}
else if (document.all) {document.all[ID].innerHTML = sText;}
}
function ShowLayer(ID){
document.getElementById(ID).style.visibility="visible";
}
</script>
</body></html> |
|
|
Titre: Re:objet de formulaire par dessus mon menu
Posté par: jb_gfx le le 28-04-2005 a 23:38:35
| Pourquoi tu poste ton code? |
Titre: Re:objet de formulaire par dessus mon menu
Posté par: dhjapan le le 29-04-2005 a 13:38:40
pourquoi pas ? ... j'me dit que le type qui tombe sur le même probleme fera une recherche sur internet sera sans doutes content de trouver tout ca.
non? |
Titre: Re:objet de formulaire par dessus mon menu
Posté par: jb_gfx le le 29-04-2005 a 15:13:56
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|