Le problème qui survient est que le menu est déployé sans même que je clique sur un des boutons, ce qui n'est pas très esthétique, de plus, il doit y avoir un problème de z-index mais que je ne comprend pas car le menu passe sous les autres éléments de décors du site et ce, malgré un z-index100.
Enfin, bon, j'aimerai comprendre ce qui ne vas pas avec le code de mon menu.
chabgyver
Messages postés159Date d'inscriptiondimanche 17 juillet 2011StatutMembreDernière intervention28 janvier 2020 19 nov. 2008 à 11:47
Finalement, j'ai trouvé pour le second problème, j'ai mis un z-index négatif dans une autre partie du css, c'est un peu compliqué à expliqué mais c'est réglé.
J'ai oublié de mettre le js correspondant au menu :
<!-- Menu de navigation
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
// Fonction Javascript qui affiche une MsgBox de confirmation
function confirmLink(theLink, confirmMsg)
{
var is_confirmed = confirm(confirmMsg);
if (is_confirmed) {
theLink.href += '&confirme=1';
}
return is_confirmed;
}
function confirmLink2(form, confirmMsg, lienForm, aucunMsg){
len = document.forms[form].elements.length;
var i=0;
var j=0;
document.forms[form].action = lienForm;
while(i!=len)
{
if (document.forms[form].elements[i].type=='checkbox')
if(document.forms[form].elements[i].name!="")
if(document.forms[form].elements[i].checked == true){
confirmMsg += document.forms[form].elements[i+1].value+", ";
j++;
}
i++;
}
confirmMsg += " ?";
if (j!=0){
var is_confirmed = confirm(confirmMsg);
if (is_confirmed) {
document.forms[form].submit();
}
} else {
alert(aucunMsg);
return false;
}
}
function confirmLink3(form, confirmMsg, lienForm){
document.forms[form].action = lienForm;
var is_confirmed = confirm(confirmMsg);
if (is_confirmed) {
document.forms[form].submit();
}else
return false;
}
function popup_centrer(page,largeur,hauteur,options, parametres) {
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page+parametres,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+",directories=0,menubar=1,menu=1,status=1,location=1,scrollbars=0,resizable=0,fullscreen=0,"+options);
}
// pour gestion menu sous ie6
function hover(obj)
{
ul = obj.getElementsByTagName('ul');
if(ul.length > 0)
{
style = ul[0].style; if(style.display '' || style.display 'none')
{
style.display = 'block';
}
else
{
style.display = 'none';
}
}
}
function setHover()
{
if(/MSIE/.test(navigator.userAgent))
{
li = document.getElementById('menu').getElementsByTagName('li');
for(var i=0; i < li.length; i++)
{
li[i].onmouseover = function(){hover(this)};
li[i].onmouseout = function(){hover(this)};
}
}
}
// FIN pour gestion menu sous ie6
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 19 nov. 2008 à 18:02
Bonjour,
<table bgcolor="#e6effe" border="0" cellpadding="5" cellspacing="0" width="100%">----, z-index
négatif</td>
</td></tr></tbody></table>pas top
pourquoi ne pas remonter les autres plutôt ?
Nota :
mets ta réponse
en Réponse acceptée ! si tel est le cas ...
chabgyver
Messages postés159Date d'inscriptiondimanche 17 juillet 2011StatutMembreDernière intervention28 janvier 2020 20 nov. 2008 à 09:13
C'est ce que j'ai fais, j'ai essayé de remonter les autres mais aparemment, ça réagit assez mal sous IE (encore lui), alors pour remédier à celà, j'ai crée 2 CSS, un pour IE et un autre pour FF, et un script qui détecte quel navigateur est utilisé par l'internaute et de basculer automatiquement sur l'un des 2 CSS, donc le problème est résolu.
Vous n’avez pas trouvé la réponse que vous recherchez ?
PetoleTeam
Messages postés3426Date d'inscriptionlundi 26 décembre 2005StatutMembreDernière intervention14 janvier 201117 24 nov. 2008 à 11:53
Bonjour,
...voici la fonction que j'ai trouvé en
tappant window.onload=montre dans la barre de recherche...
function montre(id) {
var d =
document.getElementById(id);
for (var i = 1; i<=10; i++) {
if
(document.getElementById('smenu'+i))
{document.getElementById('smenu'+i).style.display='none';}
}
if (d)
{d.style.display='block';}
}
;O)