Salut a tous, bon hé bien j'aurais besoins d'un coup de main pour un "menu" je m'explique :
j'ai un élément div sur lequel j'ai un menu a créer ( qui est lui même
une div... ) mais le problème viens du fait que je suis obligé de créer
pour chaque élément un menu, je voudrais savoir comment faire pour
créer en javascript ce menu ?
voici mon code source actuelle :
<!--un élément-->
<div class="categorie_min" onMouseOver="montre2('ssmenu11')" onMouseOut="montre2();">
<!--Le menu en concordance avec l'élément-->
<div class="ssmenu" id="ssmenu11">
Ajouter<br />
Test de menu<br />
</div>
<!--Fin du menu de l'élément-->
<p class="titre_cat_min">Titre de l'image</p>
<br />
<img src="images/test.jpg" width="150px" height="150px" />
</div>
<!--Fin de l'élément-->
le code css :
.ssmenu {
position:absolute;
width:200px;
height:200px;
margin-left:0px;
margin-top:0px;
border:1px solid #666;
visibility:hidden;
line-height:25px;
background-color:#81B4E3;
text-align: center;
}
le javascript :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=100; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.visibility='hidden';}
}
if (d) {d.style.visibility='visible';}
}
function montre2(id) {
var d = document.getElementById(id);
for (var i = 1; i<=100; i++) {
if (document.getElementById('ssmenu'+i)) {document.getElementById('ssmenu'+i).style.visibility='hidden';}
}
if (d) {d.style.visibility='visible';}
}
//-->
</script>
voila, j'ai donc ma fonction qui montre / cache le menu fonctionne parfaitement
mais je souhaiterais créer une fonction javascript qui me permetrais de
ne pas avoir a avoir dans le code un menu par élément mais un menu qui
au serait comun a tous les élément et qui s'identifierais par id.
j'espère avoir été clair merci a tous 