Voir le sujet - Menu en arborescence >> Aide à la conception de sites internet

Posté le: Lun 06 Déc 2004, 4:43 pm

bonjour je trouve le menu en arborescence très bien fait mais je rencontre un probleme.

j'ai attaché un css pour formater le texte mais je n'arrive pas à changer la police du lien fermer.

J'aimerais aussi savoir si il est possible de modifier le script de façon à ce que les rubriques se ferme automatiquement quand on clique sur une autre rubrique

merci de votre réponse
http://www.easy-script.com/script.php?c=Javascript&sc=navigation&ord=click

Posté le: Lun 06 Déc 2004, 8:02 pm

Bonjour,
Voici le script que j'utilise dans le menu gauche du site pour réaliser ce que vous recherchez, vous n'aurez qu'à le personnaliser pour les styles CSS... et normalement tout marchera sans problème et avec tous les navigateurs en plus

Code:

<html>
<head>
<SCRIPT language="JavaScript1.2">
function af(num)
{
nbTotalMenu = 1;
isIE = (document.all)
isNN6 = (!isIE) && (document.getElementById)

if (isIE) menu = document.all['menu' + num];
if (isNN6) menu = document.getElementById('menu' + num);

for (i=1;i<=nbTotalMenu;i++) {
if (i != num) {
   if (isIE) menuDiff = document.all['menu'+i];
   if (isNN6) menuDiff = document.getElementById('menu'+i);
      if (menuDiff.style.display != "none") {
      menuDiff.style.display = "none"
   }
}
}
if (menu.style.display == "none"){
menu.style.display = ""
} else {
menu.style.display = "none"
}
}
</SCRIPT>
</head>
<body>
<table width="160" cellspacing="0" cellpadding="0">
<tr>
<td height="12">
<a href="javascript:af(1)">Contributions</a>
</td>
</tr>
<tr id="menu1" style="DISPLAY: none">
<td height="12">
<a href="/pro_script.php">Proposer un Script</a><br>
<a href="/astuces/#form">Proposer une Astuce</a>
</td>
</tr>
</table>
</body>
</html>

Pour ajouter d'autres menus, vous suivez le même schéma en changeant bien la variable nbTotalMenu et en incrémentant num ( ie. pour appeler la fonction pour un deuxième menu ce sera javascript:af(2) et l'id de l'objet à afficher sera menu2 )...

Bye