.::Menu avec arborescence::.

Menu avec arborescence

A placer entre les balises < head > et < /head > :

// 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>

A placer entre les balises < body > et < /body > :

Remplacez la balise body par: