menu déroulant qui se ramasse au rafraichisement de la page

**zool.bzh** · 27/03/2024, 06h14

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&nbsp;&nbsp;&nbsp;&nbsp;
	        </span>
		    <span class="sousmenu">
			    <a href="news.php">News&nbsp;&nbsp;&nbsp;&nbsp;</a>
		    </span>
		    <span class="sousmenu">
			    <a href="soon.php">Soir&eacute;es&nbsp;&nbsp;&nbsp;&nbsp;</a>
		    </span>
		    <span class="sousmenu">
			    <a href="soundz.php">Soundz&nbsp;&nbsp;&nbsp;&nbsp;</a>
		    </span>
		    <span class="sousmenu">
			    <a href="videos.php">Vid&eacute;os&nbsp;&nbsp;&nbsp;&nbsp;</a>
	        </span>
		    <span class="sousmenu">
			    <a href="photos.php">Photos&nbsp;&nbsp;&nbsp;&nbsp;</a>
		    </span>
		    <span class="sousmenu">
			    <a href="guestbook.php">GuestBook&nbsp;&nbsp;&nbsp;&nbsp;</a>
		    </span>
		    <span class="sousmenu">
			    <a href="contakt.php">Contakt&nbsp;&nbsp;&nbsp;&nbsp;</a>
		    </span>		
		    <span class="sousmenu">
			    <a href="liens.php">Liens</a>
		    </span>
  	    </span>
    </div>
  </div>
</div>

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";
		}
	}
 
}

Comment procéder ?