|
|
|
 |
| > je cherche un menu bien précis.. |
[ Posté par surren9 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 30-11-2008 à 00:24 | 2 messages ]
salut à tous voila je suis actuellement en train de chipoter à un menu déroulant en js que j'ai trouvé sur le net, il fonctionne super bien mais j'aimerais personaliser un parametre,
js dans le header:
<script language="javascript">
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>';
rub3 = ' <a href="">Lien 1</a><br> <a href="">Lien 2</a><br>';
rub4 = ' <a href="">Lien 1</a><br> <a href="">Lien 2</a><br>';
function fermer(e)
{
if(document.getElementById)
{
document.getElementById("rubrique"+e).innerHTML = '';
document.getElementById("rubrique"+e).style.position = 'absolute';
}
else if(document.all)
{
document.all["rubrique"+e].innerHTML = '';
document.all["rubrique"+e].style.position = 'absolute';
}
}
function go(n)
{
if(document.getElementById)
{
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>";
}
if(n == 3)
{
document.getElementById("rubrique"+n).innerHTML = rub3 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
if(n == 4)
{
document.getElementById("rubrique"+n).innerHTML = rub4 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
}
else if(document.all)
{
document.all["rubrique"+n].style.position = 'relative';
if(n == 1)
{
document.all["rubrique"+n].innerHTML = rub1 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
if(n == 2)
{
document.all["rubrique"+n].innerHTML = rub2 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
if(n == 3)
{
document.all["rubrique"+n].innerHTML = rub3 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
if(n == 4)
{
document.all["rubrique"+n].innerHTML = rub4 + " <a href='javascript:fermer("+n+")'>Fermer</a>";
}
}
}
</script>
le menu.html (j utilise des includes)
<div id="liens1">
<p>
<input type="submit" value="Rechercher" /><br /><br />
<input type="text" />
</p>
</div>
<div id="liens2">
<strong><a href="javascript:go(1)">Configurations</a></strong><br>
<DIV ID="rubrique1" STYLE="position:relative; padding-bottom:5px"></div>
<strong><a href="javascript:go(2)">Composants</a></strong><br>
<DIV ID="rubrique2" STYLE="position:relative; padding-bottom:5px"></div>
<strong><a href="ecrans.php" title="">Moniteurs</a></strong><br>
<DIV ID="rubrique3" STYLE="position:relative; padding-bottom:5px"></div>
<strong><a href="notebook.php" title="">Portables</a></strong><br>
<DIV ID="rubrique4" STYLE="position:relative; padding-bottom:5px"></div>
<strong><a href="oc.php" title="">Services</a><br>
<DIV ID="rubrique5" STYLE="position:relative; padding-bottom:5px"></div>
</div>
<div id="liens3">
<p>
<strong>S'inscrire à la newsletters</strong><br /><br />
Entrez votre adresse mail pour être avertis directement des nouveautés:<center><input type="text" />
<input type="submit" value="Inscription" /></center>
</p>
</div>
et le css concerné:
#liens2{
height: 295px;
margin: 25px 0 0 0;
padding-left: 10px;
padding-bottom:5px;
}
quand on déroule une rubrique, il faut cliquer sur "fermer" pour la replier, j'aimerais qu'elle se replie sur elle même quand on reclique sur le nom de la rubrique, ou alors sur une autre rubrique (replie en meme temps que l autre se déplie)
vous sauriez comment modifier ca? 
merci lé gens
[Message édité par surren9 le 30-11-2008 à 23:51]
[Message édité par surren9 le 30-11-2008 à 23:52]
|
|
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
