Discussion :

[softflowe]

Voila je viens de faire un petit menu déroulant qui se rempli à partir d'une base de donnée.
voila l'adresse du site pour se rendre compte du rendu du probleme

C'est en fait un menu déroulant horizontal.
Le truc c'est que sur Opera le menu fonctionne a 100% alors que sur IE impossible d'atteindre les elements des sous menu.

merci d'avance pour votre aide et vos conseils.

mon code dans le HEAD

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
window.onload=montre;
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';}
}
</script>

Mon code dans le BODY

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<?php
connexion();
  $rech="select * from categorie";
  $res=mysql_query($rech);
 
$j=0;
while($val = mysql_fetch_object($res)) {
$j= $j + 1;
 
$smenu = "smenu" . $j;
 
echo "<dl><dt onmouseover=\"javascript:montre('$smenu');\"><a href='index.php?ind=mozaique&num=$val->precateg'>$val->nomcateg</a></dt>";
 
$req="select * from souscateg where precateg='$val->precateg' order by date DESC";
$resu=mysql_query($req);
$nb = mysql_num_rows ($resu);
      if($nb != 0) {
             echo "<dd id='$smenu' onmouseover=\"javascript:montre('$smenu');\" onmouseout=\"javascript:montre('');\">
             <ul>";
 
             while($valu = mysql_fetch_object($resu)) {
             echo " <li><a href='index.php?ind=mozaique&num=$val->precateg&numsou=$valu->numsouscateg'>$valu->nomsouscateg</a></li>";
             }
      echo " </ul>
             </dd>";
      }
 
echo "</dl>";
}
?>

C'est en fait le onmouseout qui marche mal je pense.

[softflowe]

C'est trop bizarre comme erreur car normalement c'est l'inverse ce serait plutot Opera qui serait incompatible mais lè c'est IE !

[prgasp77]

C'est normal ! AVec ton script js, tu demande a cacher tout les sousmenus de 1 a 10. Or, ton premier sous menu a l'id 0 !!!

Donc =>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

for (var i = 0; i<10; i++)

[softflowe]

Ok merci, mais cela permet juste de fermer le menu accueil, j'ai resolu ce probleme.

Mais le probleme principal persiste, sous IE essai d'acceder aux sous menus, tu verras que le menu se referme quand tu descend sur le sous menu correspondant.

[softflowe]

j'ai tout simplement enlevé les onmouseout et ca marche nikel sous plusieurs navigateurs.
Bizarr mais bon ca marche !!!

[prgasp77]

Mais le probleme principal persiste, sous IE essai d'acceder aux sous menus, tu verras que le menu se referme quand tu descend sur le sous menu correspondant.

Oupss ... J'avais pas vu que tu avait precise que le probleme etait sous IE (je suis sous Mozilla).