bonjour a tous
je configure mon site pour les mobiles pour une résolution inférieur à 500px -> oOo
je voudrais donc que mon menu déroulant s'efface lors du rafraîchissement
Code html : 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
31
32
33
34
35
36
37 <div class="two gris9"> <div id="menu"> <div class="menu" id="menu1" onclick="afficheMenu(this)"> <img src="pics/menu.png" width="30" height="30"/> </div> <span id="sousmenu1"> <span class="sousmenu"> Accueil </span> <span class="sousmenu"> <a href="news.php">News </a> </span> <span class="sousmenu"> <a href="soon.php">Soirées </a> </span> <span class="sousmenu"> <a href="soundz.php">Soundz </a> </span> <span class="sousmenu"> <a href="videos.php">Vidéos </a> </span> <span class="sousmenu"> <a href="photos.php">Photos </a> </span> <span class="sousmenu"> <a href="guestbook.php">GuestBook </a> </span> <span class="sousmenu"> <a href="contakt.php">Contakt </a> </span> <span class="sousmenu"> <a href="liens.php">Liens</a> </span> </span> </div> </div> </div>Comment procéder ?
Code js : 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 function afficheMenu(obj){ var idMenu = obj.id; var idSousMenu = 'sous' + idMenu; var sousMenu = document.getElementById(idSousMenu); if(document.getElementById('sousmenu1') && document.getElementById('sousmenu1') != sousMenu){ document.getElementById('sousmenu1').style.display = "inline"; } if(sousMenu){ if(sousMenu.style.display == "inline"){ sousMenu.style.display = "none"; } else{ sousMenu.style.display = "inline"; } } }
Partager