Problem in the menu from Making a standards suppor

VirtuAiles · #1 02.03.2006, 01:14

Hi,

I took the menu from this tutorial and modified it for my work. But the problem is: the links does not seem to work!
Tutorial URL:
http://www.dhtmlcentral.com/tutorial...p?page=3&id=14
Can somone help me ?
There is all the code of my page:
[code:uoxsrhqv7b]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>VirtuAiles V1.7</title>
<style type="text/css">

</style></head>
<body>
<div align="center">
<table border="0">
<tr>
<td width="10" rowspan="3" background="Bordure_gauche.gif">*</td>
<td colspan="3">[img]Header.gif[/img]</td>
<td width="12" rowspan="3" background="Bordure_doite.gif">*</td>
</tr>
<tr>
<td width="210" align="left" valign="top" background="fond_menu.gif"><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:70%;
top:0;
left:0;
}
#content{
float:left;
width:100%;
font-size:0.8em
}
h3{
margin-top:0;
}
p{

}
#copyright{
clear:both;
border-top:1px solid silver;
margin-top:0px;
text-align:left;
padding-right:5px;
font-size:0.5em;
}
/* menu styles */
li.myMenu0{
margin:0;
padding:0;
list-style : none;
}
li.myMenu1{
margin:0;
padding:0;
list-style : none;
}
li.myMenu2{
margin:0;
padding:0;
list-style : none;
}
li.myMenu3{
margin:0;
padding:0;
list-style : none;
}
li.myMenu4{
margin:0;
padding:0;
list-style : none;
}
li.myMenu5{
margin:0;
padding:0;
list-style : none;
}
a.myMenu0{
display:block;
position:left;
background-color:white;
padding:0px;
text-decoration:none;
color:Navy;
border:1px solid blue;
margin-top:5px;
}
a.myMenu1{
display:block;
position:left;
background-color:white;
padding:0px;
text-decoration:none;
color:Navy;
margin-top:5px;
}
a.myMenu2{
display:block;
position:left;
background-color:white;
padding:0px;
text-decoration:none;
color:Navy;
border:1px solid blue;
margin-top:5px;
}
a.myMenu3{
display:block;
position:left;
background-color:white;
padding:0px;
text-decoration:none;
color:Navy;
border:1px solid blue;
margin-top:5px;
}
a.myMenu4{
display:block;
position:left;
background-color:white;
padding:0px;
text-decoration:none;
color:Navy;
border:1px solid blue;
margin-top:5px;
}
a.myMenu5{
display:block;
position:left;
background-color:white;
padding:0px;
text-decoration:none;
color:Navy;
border:1px solid blue;
margin-top:5px;
}
</style>
<div align="left">
<ul class="myMenu0" id="myMenu">
<li class="myMenu0">
Menu<ul class="myMenu0" style="display: none;">
<li class="myMenu1">Accueil
<li class="myMenu1">News Aéronautiques
<li class="myMenu1">News du site
<li class="myMenu1">Galerie
<li class="myMenu1">Connexion
[/list]
<li class="myMenu0">
Contenu<ul class="myMenu0" style="display: none;">
<li class="myMenu1">Recherche Interne
<li class="myMenu1">Recherche Google
<li class="myMenu1">Dossiers
<li class="myMenu1">Créations
<li class="myMenu1">Téléchargements
<li class="myMenu1">Galerie
<li class="myMenu1">Copyright
[/list]
<li class="myMenu0">
Communauté<ul class="myMenu0" style="display: none;">
<li class="myMenu1">Chat
<li class="myMenu1">Forum
<li class="myMenu1">Liens
<li class="myMenu1">Nous Contacter
<li class="myMenu1">Voter au Weborama
[/list]
<li class="myMenu0">
Forum<ul class="myMenu0" style="display: none;">
<li class="myMenu1">Annonces
<li class="myMenu1">Le Bistrot
<li class="myMenu1">Sondages
<li class="myMenu1">Actualité
<li class="myMenu1">Dossiers
<li class="myMenu1">En rapport avec l'aviation
<li class="myMenu1">Le Site VirtuAiles
<li class="myMenu1">Questions Techniques
<li class="myMenu1">Média/Photos/Vidéo
<li class="myMenu1">Questions Générales
<li class="myMenu1">Liens à proposer
<li class="myMenu1">Débats
<li class="myMenu1">Réservé aux Inscrits
[/list]
<li class="myMenu0">
Dossiers<ul class="myMenu0" style="display: none;">
<li class="myMenu1">L'Avro CF-105 Arrow
<li class="myMenu1">Le F/A-35 JSF
<li class="myMenu1">La famille Blackbird
<li class="myMenu1">Le DHC-2 Beaver
<li class="myMenu1">Le BA CSeries
<li class="myMenu1">Le Convair B-58 Hustler
[/list] <li class="myMenu0">
Téléchargements<ul class="myMenu0" style="display: none;">
<li class="myMenu1">Vidéos
<li class="myMenu1">Diaporamas
<li class="myMenu1">Photos
<li class="myMenu1">Documents
<li class="myMenu1">Autres
[/list]
[/list] </div>
<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:uoxsrhqv7b] && el.childNodes[i:uoxsrhqv7b]["tagName"] && el.childNodes[i:uoxsrhqv7b].tagName.toLowerCase() == "li"){
//Ok we have the LI node - let's give it a className
el.childNodes[i:uoxsrhqv7b].className = "myMenu"+level
//Let's look for the A and if it has child elements (another UL tag)
childs = el.childNodes[i:uoxsrhqv7b].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:uoxsrhqv7b]
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>
</td>
<td width="451" background="fond.gif">*</td>
<td width="215" align="center" valign="top" background="fond.gif"><h3 align="center">-À savoir- </h3>
<div align="center">
<MARQUEE BGCOLOR='FFFFFF' DIRECTION='up' WIDTH='95%' HEIGHT='60' VALIGN='bottom' SCROLLAMOUNT='1' SCROLLDELAY='30'>
Toute personne voulant participer à la conception ou au contenu de ce site est priée de se manifester par e-mail à virtuailes@iquebec.com
Partenaires:
<span class="Style12">[img]banniere2airazor.jpg[/img]</span>
</MARQUEE>
</p>
</div>

<SCRIPT LANGUAGE="JavaScript">
var msg=new InitMsg();
msg.Add("Bonjour et bienvenue sur .:VirtuAiles:. La passion de l'aviation");
msg.Add("Ce site est une oeuvre de passionnés. Ces passionnés ont besoin de vous! Participez au forum et au contenu de ce site!");
msg.Add("Vous trouverez des dossiers, des photos, des vidéos, des dessins,... et d'autres passionnés pour partager avec vous!");
msg.Add("Ici, l'aviation, c'est notre passion!");
msg.Add("Vous trouverez tout ce que vous cherchez sur l'aviation sur le site! Si jamais ce n'est pas le cas, rendez-vous sur le forum!");
function disp(txt) { document.write(txt) }
function InitMsg() {
this.nb_item=0;
this.Add=AddMsg;
this.Aff=AffMsg;
}
function AddMsg(txt) {
var nb = this.nb_item;
this[nb]=txt;
this.nb_item++;
}
function AffMsg() {
var nb = this.nb_item;
var no=Math.round(Math.random(1)*(nb-1));
disp("<BIG>"+this[no]+"</BIG>");
}
function reload() {
window.location=document.location;
}
</SCRIPT>
</HEAD>
<BODY text="#000000" bgcolor="#FFFFFF" alink="#FF8C00" link="#FF8C00" vlink="#FF8C00">
<SCRIPT type='text/javascript'>
msg.Aff()
</SCRIPT>
*</p>

<u>Votez pour VirtuAiles au Weborama!</u></p>

<a href="http://www.xiti.com/xiti.asp?s=225599" title="Mesurez votre audience">
<script type="text/javascript">

</script>
<noscript>
Analyse Mesure Fréquentation internet par http://logv30.xiti.com/hit.xiti?s=225599&p=
</noscript>
</a></p>

<a href="http://www.xiti.com/xiti.asp?s=225599" title="Mesurez votre audience">
<noscript>
</noscript>
</a>*<script type="text/javascript"></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>*</td>
</tr>
<tr>
<td colspan="3">

[img]Header_Bas.gif[/img]
</p>
<p align="center">
<script src='http://tools.ifrance.com/compteur/?log=virtuailes&id=3716216' type='text/javascript'></script>
</p></td>
</tr>
</table>
</div>
</body>
</html>
[/code:uoxsrhqv7b]

Thanks to all!

Note: my webpage adress: http://comanche.iquebec.com/content/...AilesV1.7.html

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode