menu déroulant qui se ramasse au rafraichisement de la page
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:
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> |
Code:
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 ?