EnPleineGalere
Nouveau membre
Salut à tous.
Voila j'ai un ptit problème avec mon menu déroulant. Tout marche jusqu'à ce que je veux faire appel à une fonction "clicMenu" qui me permet, si je clic sur le menu, de faire apparaitre les sous menus qui sont cachés.
A priori rien de bien compliqué, cependant ça ne marche pas.
Si vous pourriez m'aider je vous en serai très reconnaissant.
Merci d'avance
++
code :
[cpp]
<HTML>
<HEAD>
<script language="Javascipt">
function clicMenu(num)
{
// Booléen reconnaissant le navigateur (vu en partie 2)
isIE = (document.all)
isNN6 = (!isIE) && (document.getElementById)
// Compatibilité : l'objet menu est détecté selon le navigateur
if (isIE) menu = document.all['menu' + num];
if (isNN6) menu = document.getElementById('menu' + num);
// On ouvre ou ferme
if (menu.style.display == "none"){
// Cas ou le tableau est caché
menu.style.display = ""
} else {
// On le cache
menu.style.display = "none"
}
}
</script>
<link href="styleTxt.css" rel="stylesheet" type="text/css">
</HEAD>
<table width="300" cellspacing="1" cellpadding="0">
<tr> <td class="titre"> Titre 1 </td> </tr>
<tr> <td class="titre"> Titre 2 </td> </tr>
<tr> <td class="titre" onClick="clicMenu(1)"> Titre 3 </td> </tr>
<tr style="display:'none'" id="menu1"> <td> <table width="200" cellspacing="0" cellpadding="0">
<tr> <td class="soustitre"> Sous-titre 1 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 2 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 3 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 4 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 5 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 6 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 7 </td> </tr>
</table> </td> </tr>
<tr> <td class="titre"> Titre 4 </td> </tr>
</table>
</HTML>
[/cpp]
Voila j'ai un ptit problème avec mon menu déroulant. Tout marche jusqu'à ce que je veux faire appel à une fonction "clicMenu" qui me permet, si je clic sur le menu, de faire apparaitre les sous menus qui sont cachés.
A priori rien de bien compliqué, cependant ça ne marche pas.
Si vous pourriez m'aider je vous en serai très reconnaissant.
Merci d'avance
++
code :
[cpp]
<HTML>
<HEAD>
<script language="Javascipt">
function clicMenu(num)
{
// Booléen reconnaissant le navigateur (vu en partie 2)
isIE = (document.all)
isNN6 = (!isIE) && (document.getElementById)
// Compatibilité : l'objet menu est détecté selon le navigateur
if (isIE) menu = document.all['menu' + num];
if (isNN6) menu = document.getElementById('menu' + num);
// On ouvre ou ferme
if (menu.style.display == "none"){
// Cas ou le tableau est caché
menu.style.display = ""
} else {
// On le cache
menu.style.display = "none"
}
}
</script>
<link href="styleTxt.css" rel="stylesheet" type="text/css">
</HEAD>
<table width="300" cellspacing="1" cellpadding="0">
<tr> <td class="titre"> Titre 1 </td> </tr>
<tr> <td class="titre"> Titre 2 </td> </tr>
<tr> <td class="titre" onClick="clicMenu(1)"> Titre 3 </td> </tr>
<tr style="display:'none'" id="menu1"> <td> <table width="200" cellspacing="0" cellpadding="0">
<tr> <td class="soustitre"> Sous-titre 1 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 2 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 3 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 4 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 5 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 6 </td> </tr>
<tr> <td class="soustitre"> Sous-titre 7 </td> </tr>
</table> </td> </tr>
<tr> <td class="titre"> Titre 4 </td> </tr>
</table>
</HTML>
[/cpp]