Forum « menu en arborescence »

Forum « Programmation Javascript » (archives)

menu en arborescence

Envoyé: 7 décembre 2004, 3h08 par anelinette

Bonjour voilà mon probleme j'aimerais faire ouvrir ou fermer mon menu en supriment le lien fermer, c'est à dire je clique 1 fois sa s'ouvre je clique sur une autre rubrique l'autre ce ferme

merci de votre aide

voilà le code

Entre <HEAD> et </HEAD>:

<script language="javascript">

// Ci-dessous figurent les liens des différentes rubriques : rub1 correspond aux liens de la rubrique 1

rub1 = ' <a href="">Lien 1</a><br> <a href="">Lien 2</a><br>';
rub2 = ' <a href="">Lien 1</a><br> <a href="">Lien 2</a><br>';

function fermer(e)
{
document.getElementById("rubrique"+e).innerHTML = '';
document.getElementById("rubrique"+e).style.position = 'absolute';
}

function go(n)
{
document.getElementById("rubrique"+n).style.position = 'relative';

if(n == 1)
{
document.getElementById("rubrique"+n).innerHTML = rub1 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
if(n == 2)
{
document.getElementById("rubrique"+n).innerHTML = rub2 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}

// Si vous rajoutez une troisième rubrique, n'oubliez pas d'ajouter ci-dessus le code suivant :

// if(n == 3)
// {
// document.getElementById("rubrique"+n).innerHTML = rub3 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
// }

// Et ainsi de suite pour les autres rubriques

}
</script>

Entre <BODY> et </BODY>:

<a href="javascript:go(1)">Rubrique 1</a><br>
<DIV ID="rubrique1" STYLE="position:relative"></DIV>
<a href="javascript:go(2)">Rubrique 2</a><br>
<DIV ID="rubrique2" STYLE="position:relative"></DIV>

// Si vous rajoutez une troisième rubrique, n'oubliez pas d'ajouter ci-dessus le code suivant :

// <a href="javascript:go(3)">Rubrique 3</a><br>
// <DIV ID="rubrique2" STYLE="position:relative"></DIV>

// Et ainsi de suite pour les autres rubriques