[Résolu][Html/Javascript] Liens dans menu déroulant dynamique

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [Résolu][Html/Javascript] Liens dans menu déroulant dynamique

VirtuAiles

La passion de l'aviation

Bonjour à tous,

Je travaille sur mon site web et j'ai fait un menu déroulant. Par contre, j'ai un problème: les liens ne fonctionnent pas!
Voici l'adresse de la page: http://comanche.iquebec.com/conten [...] sV1.7.html
Et voici le code du menu:

Code :

<style type="text/css">
body{
font-family: sans-serif;
padding-left:5%;
padding-right:5%;
}
#logo{
font-size:2em;
border-bottom:1px dotted silver;
color:silver;
}
#myMenu{
float:left;
width:15%;
}
#content{
float:left;
width:100%;
font-size:0.8em
}
h3{
margin-top:0;
}
p{
}
#copyright{
clear:both;
border-top:1px solid silver;
margin-top:20px;
text-align:left;
padding-right:5px;
font-size:0.5em;
}
/* menu styles */
li.myMenu0{
margin:0;
padding:0;
list-style : none;
}
a.myMenu0{
display:block;
position:relative;
background-color:white;
padding:3px;
text-decoration:none;
color:Navy;
border:1px solid blue;
margin-top:10px;
}
</style>
</head>
<body>
<div align="left">
<ul id="myMenu">
<li><a href="#">Menu </a>
<ul>
<li><a href="http://virtuailes.iquebec.com">Accueil</a></li>
<li><a href="http://virtuailes.iquebec.com/avianews.php">News Aéronautiques</a></li>
<li><a href="http://virtuailes.iquebec.com/index2.php">News du site</a></li>
<li><a href="http://galerie.virtuailes.iquebec.com/">Galerie</a></li>
<li><a href="http://virtuailes.iquebec.com/connexion.php">Connexion</a></li>
</ul>
</li>
<li> <a href="#">Contenu</a>
<ul>
<li><a href="http://virtuailes.iquebec.com/script/engine.php">Recherche Interne</a></li>
<li><a href="http://virtuailes.iquebec.com/google.php">Recherche Google</a></li>
<li><a href="http://virtuailes.iquebec.com/dossiers.php">Dossiers</a></li>
<li><a href="http://virtuailes.iquebec.com/creations.php">Créations</a></li>
<li><a href="http://virtuailes.iquebec.com/fichiers.php">Téléchargements</a></li>
<li><a href="http://galerie.virtuailes.iquebec.com/">Galerie</a></li>
<li><a href="http://virtuailes.iquebec.com/privacypolicy.php">Copyright</a></li>
</ul>
</li>
<li> <a href="#">Communauté</a>
<ul>
<li><a href="http://client0.sigmachat.com/sc.pl?id%3d133784">Chat</a></li>
<li><a href="http://139968.aceboard.fr/index.php">Forum</a></li>
<li><a href="http://virtuailes.iquebec.com/liens.php">Liens</a></li>
<li><a href="http://virtuailes.iquebec.com/contact.php">Nous Contacter</a></li>
<li><a href="http://vote.weborama.fr/fcgi-bin/vote.fcgi?206750">Voter au Weborama</a></li>
</ul>
</li>
<li> <a href="#">Forum</a>
<ul>
<li><a href="http://139968.aceboard.fr/139968-867-0-Annonces.htm">Annonces</a></li>
<li><a href="http://139968.aceboard.fr/139968-1443-0-Bistrot.htm">Le Bistrot</a></li>
<li><a href="http://139968.aceboard.fr/139968-863-0-Sondages.htm">Sondages</a></li>
<li><a href="http://139968.aceboard.fr/139968-1686-0-Actualite.htm">Actualité</a></li>
<li><a href="http://139968.aceboard.fr/139968-1662-0-Dossiers.htm">Dossiers</a></li>
<li><a href="http://139968.aceboard.fr/139968-1436-0-rapport-avec-aviation.htm">En rapport avec l'aviation</a></li>
<li><a href="http://139968.aceboard.fr/139968-866-0-Site-VirtuAiles.htm">Le Site VirtuAiles</a></li>
<li><a href="http://139968.aceboard.fr/139968-1434-0-Questions-Techniques.htm">Questions Techniques</a></li>
<li><a href="http://139968.aceboard.fr/139968-864-0-Media-Photos-Video.htm">Média/Photos/Vidéo</a></li>
<li><a href="http://139968.aceboard.fr/139968-1444-0-connais-veux-vous-dire.htm">Je connais... et je veux vous dire</a></li>
<li><a href="http://139968.aceboard.fr/139968-1435-0-Questions-Generales.htm">Questions Générales</a></li>
<li><a href="http://139968.aceboard.fr/139968-1283-0-Liens-proposer.htm">Liens à proposer</a></li>
<li><a href="http://139968.aceboard.fr/139968-1457-0-Debats.htm">Débats</a></li>
<li><a href="http://139968.aceboard.fr/139968-1871-0-Reserve-Inscrits.htm">Réservé aux Inscrits</a></li>
</ul>
</li>
<li> <a href="#">Dossiers</a>
<ul>
<li><a href="http://virtuailes.iquebec.com/avro_arrow_introduction.php">L'Avro CF-105 Arrow</a></li>
<li><a href="http://virtuailes.iquebec.com/f35.php">Le F/A-35 JSF</a></li>
<li><a href="http://virtuailes.iquebec.com/sr71family.php">La famille Blackbird</a></li>
<li><a href="http://virtuailes.iquebec.com/constr.php">Le DHC-2 Beaver</a></li>
<li><a href="http://virtuailes.iquebec.com/constr.php">Le BA CSeries</a></li>
<li><a href="http://virtuailes.iquebec.com/constr.php">Le Convair B-58 Hustler</a></li>
</ul>
</li>
<li> <a href="#">Téléchargements</a>
<ul>
<li><a href="http://virtuailes.iquebec.com/telechargements_videos.php">Vidéos</a></li>
<li><a href="http://virtuailes.iquebec.com/telechargements_diaporammas.php">Diaporamas</a></li>
<li><a href="http://virtuailes.iquebec.com/telechargements_photos.php">Photos</a></li>
<li><a href="http://virtuailes.iquebec.com/telechargements_documents.php">Documents</a></li>
<li><a href="http://virtuailes.iquebec.com/telechargements_autres.php">Autres</a></li>
</ul>
</li>
</ul>
<script type="text/javascript">
// <![CDATA[
function loopElements(el,level){
for(var i=0;i<el.childNodes.length;i++){
//We only want LI nodes:
if(el.childNodes[i] && el.childNodes[i]["tagName"] && el.childNodes[i].tagName.toLowerCase() == "li" ){
//Ok we have the LI node - let's give it a className
el.childNodes[i].className = "myMenu"+level
//Let's look for the A and if it has child elements (another UL tag)
childs = el.childNodes[i].childNodes
for(var j=0;j<childs.length;j++){
temp = childs[j]
if(temp && temp["tagName"]){
if(temp.tagName.toLowerCase() == "a" ){
//We found the A tag - set class
temp.className = "myMenu"+level
//Adding click event
temp.onclick=showHide;
}else if(temp.tagName.toLowerCase() == "ul" ){
//Hide sublevels
temp.style.display = "none"
//Set class
temp.className= "myMenu"+level
//Recursive - calling it self with the new found element
//to go all the way through the three.
loopElements(temp,level +1)
}
}
}
}
}
}
var menu = document.getElementById("myMenu" ) //Get menu div
menu.className="myMenu"+0 //Set class to the top level
loopElements(menu,0) //Call the function
function showHide(){
//We have a A tag - need to go to the LI tag to check for UL tags:
el = this.parentNode
//Loop for UL tags:
for(var i=0;i<el.childNodes.length;i++){
temp = el.childNodes[i]
if(temp && temp["tagName"] && temp.tagName.toLowerCase() == "ul" ){
//Check status:
if(temp.style.display=="none" ){
temp.style.display = ""
}else{
temp.style.display = "none"
}
}
}
return false
}
// ]]>
</script>
</div>

Merci de votre aide!

VirtuAiles

Message édité par VirtuAiles le 08-03-2006 à 23:58:53

Publicité

moi23372

quel rapport avec JAVA? il n'y a rien en java dans ton truc

VirtuAiles

La passion de l'aviation

Javasript.
Up

FORUM HardWare.fr

Programmation

Divers

[Résolu][Html/Javascript] Liens dans menu déroulant dynamique

Sujets relatifs
[resolu] sdl sous code::blocks	[php] [resolu]newbie. Comment ramener le focus sur le 1er champ
[résolu] impossible de me connecter à mysql	[Résolu] Problème pour un INSERT INTO d'une base vers une autre
lecture automatique d'un SWF au chargement d'une page HTML	rendre un menu dynamique et non statique
[VBScript] [RESOLU] modifier une fonction dans une boucle	vlookup, menu deroulant sur diffrente ligne
Plus de sujets relatifs à : [Résolu][Html/Javascript] Liens dans menu déroulant dynamique

Page générée en 0.109 secondes