lien dans le titre principal d'un menu déroulant dynamique

Bonjour, le script en java-script ci-dessous, me donne un menu vertical avec des sous menus (dynamique sur rollover) mais seul les sous-titres des sous-menus ont des liens html, j'en voudrais sur les titres principaux qui n'ont pas de sous-menu. Que faire ???

menu[0]="<B>Bureau Exécutif</B>";
menu[1]="<B>Missions et Actions</B>";
menu[2]="<B>Prix GREMI</B>";
menu[3]="<B>Médiateurs de l'Inflammation</B>";
menu[4]="<B>Informations sur l'Inflammation</B>";
menu[5]="<B>Liens</B>";
menu[6]="<B>Agenda</B>";
menu[7]="<B>Adhésion</B>";
menu[8]="<B>Contact & Feedback</B>";



var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();

// Valeurs sous le premier menu

ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();



// Valeurs sous le second menu - Répéter opération
ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();


// Valeurs sous le troisieme menu - idem
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();


// Valeurs sous le quatrieme menu - idem
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();
ssmenuTarget[3] = new Array();

ssmenuNom[3][0] = "<B>Eicosanoïdes</B>"; // Nom du lien
ssmenuLien[3][0] = "http://www.gremi.asso.fr/eicosa.htm"; // Adresse
ssmenuTarget[3][0] = "_blank"; // ouvrir une fenetre : _blank
// ds la même fenetre : _top
// ds une frame : nom de la frame

ssmenuNom[3][1] = "Calpaïne à venir";
ssmenuLien[3][1] = "http://www.script-masters.com/";
ssmenuTarget[3][1] = "_blank";

ssmenuNom[3][2] = "Leptine à venir";
ssmenuLien[3][2] = "http://www.script-masters.com/";
ssmenuTarget[3][2] = "_blank";

// Valeurs sous le cinquieme menu - idem
ssmenuNom[4] = new Array();
ssmenuLien[4] = new Array();
ssmenuTarget[4] = new Array();

// Valeurs sous le sixieme menu - idem
ssmenuNom[5] = new Array();
ssmenuLien[5] = new Array();
ssmenuTarget[5] = new Array();

// Valeurs sous le septieme menu - idem
ssmenuNom[6] = new Array();
ssmenuLien[6] = new Array();
ssmenuTarget[6] = new Array();

// Valeurs sous le huitieme menu - idem
ssmenuNom[7] = new Array();
ssmenuLien[7] = new Array();
ssmenuTarget[7] = new Array();

// Valeurs sous le neuvieme menu - idem
ssmenuNom[8] = new Array();
ssmenuLien[8] = new Array();
ssmenuTarget[8] = new Array();




//------------------- Ne rien modifié ------------------------//
var nbMenu = menu.length;

//------------------- Rendu dynamique ------------------------//

//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all

function montreMenu(num){
for (var i=0; i<nbMenu; i++) {
if (ie) {
objet = document.all["ssmenu"+i]
} else if (ns6) {
objet = document.getElementById("ssmenu"+i);
}
if (objet.style.display == ""){
objet.style.display = "none"
}
}
if (ie) {
objet = document.all["ssmenu"+num]
} else if (ns6) {
objet = document.getElementById("ssmenu"+num);
}
if (objet.style.display == "none"){
objet.style.display = ""
}
}

function rollOver(lien) {
lien.style.background = couleurFondRollOver;
lien.style.color = couleurLienRollOver;
}

function rollOut(lien) {
lien.style.background = couleurFond2;
lien.style.color = couleurPoliceMenu;
}

function ouvreLien(url,mode) {
if (mode == "_blank") {
window.open(url)
} else if (mode == "_top") {
window.top.location.href = url
} else {
window.top.parent.frames[mode].location.href = url
}
}

//------------------- Génération du menu ------------------------//

function generation () {
document.write("<style type='text/css'>");
document.write("td.menu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-color: "+couleurFond+";");
document.write("}");

document.write("table.ssmenu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-color: "+couleurFond2+";");
document.write("}");
document.write("</style>");

document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
//1ere boucle
for (i=0; i<nbMenu; i++) {
document.write("<tr>");
document.write("<td onMouseOver='montreMenu("+i+")' style='cursor:hand' class='menu'>"+menu[i]+"</td>");
document.write("</tr>");
document.write("<tr style='display:none' id='ssmenu"+i+"'>");
document.write("<td>");
//<!--Un espace-->
document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
document.write("<tr>");
document.write("<td width='2'></td>");
document.write("</tr>");
document.write("</table>");
//<!--Le sous menu-->
document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' class='ssmenu'>");
// seconde boucle
for (z=0; z<ssmenuNom[i].length; z++) {
document.write("<tr>");
document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")' style='cursor:hand'>"+ssmenuNom[i][z]+"</td>");
document.write("</tr>");
//fin seconde boucle
}
document.write("</table>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td width='2'></td>");
document.write("</tr>");
// fin 1 ere boucle
}
document.write("</table>");
}

</script>
</head>

<body>


<script language="JavaScript">
generation();
</script></body>

</html>

A vu de nez c'est cette ligne qui fait que le sousmenu est un lien :
document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")'

le onclick execute la fonction ouvre lien.
fais la meme chose pour le menu, il faut faire deux autres tableaux, lien et target pour les menu, puis adapter le onclick comme ca :
onClick='ouvreLien(\""+menuLien[i][z]+"\",\""+menuTarget[i][z]+"\")'
si tes tableaux des menus sont menuLien et menuTarget


-------------------------------------------------------------
Amicalement, rttb
[site]

Merci infiniment pour cette réponse. Mais étant un Débutant j'ai fais ces quelques modifications là où il y a un points d'interogation (juste pour le premier titre du menu) mais ça ne marche toujours pas ... où sont mes erreurs ??

var menu = new Array();
menu[0]="<B>Bureau Exécutif</B>";
menuLien[0] = "http://www.gremi.asso.fr/buroexec.htm";
menuTarget[0] = "_blank";

menu[1]="<B>Missions et Actions</B>";
menu[2]="<B>Prix GREMI</B>";
menu[3]="<B>Médiateurs de l'Inflammation</B>";
menu[4]="<B>Informations sur l'Inflammation</B>";
menu[5]="<B>Liens</B>";
menu[6]="<B>Agenda</B>";
menu[7]="<B>Adhésion</B>";
menu[8]="<B>Contact & Feedback</B>";



var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();

// Valeurs sous le premier menu

ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();



// Valeurs sous le second menu - Répéter opération
ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();


// Valeurs sous le troisieme menu - idem
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();


// Valeurs sous le quatrieme menu - idem
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();
ssmenuTarget[3] = new Array();

ssmenuNom[3][0] = "<B>Eicosanoïdes</B>"; // Nom du lien
ssmenuLien[3][0] = "http://www.gremi.asso.fr/eicosa.htm"; // Adresse
ssmenuTarget[3][0] = "_blank"; // ouvrir une fenetre : _blank
// ds la même fenetre : _top
// ds une frame : nom de la frame

ssmenuNom[3][1] = "Calpaïne à venir";
ssmenuLien[3][1] = "http://www.script-masters.com/";
ssmenuTarget[3][1] = "_blank";

ssmenuNom[3][2] = "Leptine à venir";
ssmenuLien[3][2] = "http://www.script-masters.com/";
ssmenuTarget[3][2] = "_blank";

// Valeurs sous le cinquieme menu - idem
ssmenuNom[4] = new Array();
ssmenuLien[4] = new Array();
ssmenuTarget[4] = new Array();

// Valeurs sous le sixieme menu - idem
ssmenuNom[5] = new Array();
ssmenuLien[5] = new Array();
ssmenuTarget[5] = new Array();

// Valeurs sous le septieme menu - idem
ssmenuNom[6] = new Array();
ssmenuLien[6] = new Array();
ssmenuTarget[6] = new Array();

// Valeurs sous le huitieme menu - idem
ssmenuNom[7] = new Array();
ssmenuLien[7] = new Array();
ssmenuTarget[7] = new Array();

// Valeurs sous le neuvieme menu - idem
ssmenuNom[8] = new Array();
ssmenuLien[8] = new Array();
ssmenuTarget[8] = new Array();




//------------------- Ne rien modifié ------------------------//
var nbMenu = menu.length;

//------------------- Rendu dynamique ------------------------//

//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all

function montreMenu(num){
for (var i=0; i<nbMenu; i++) {
if (ie) {
objet = document.all["ssmenu"+i]
} else if (ns6) {
objet = document.getElementById("ssmenu"+i);
}
if (objet.style.display == ""){
objet.style.display = "none"
}
}
if (ie) {
objet = document.all["ssmenu"+num]
} else if (ns6) {
objet = document.getElementById("ssmenu"+num);
}
if (objet.style.display == "none"){
objet.style.display = ""
}
}

function rollOver(lien) {
lien.style.background = couleurFondRollOver;
lien.style.color = couleurLienRollOver;
}

function rollOut(lien) {
lien.style.background = couleurFond2;
lien.style.color = couleurPoliceMenu;
}

function ouvreLien(url,mode) {
if (mode == "_blank") {
window.open(url)
} else if (mode == "_top") {
window.top.location.href = url
} else {
window.top.parent.frames[mode].location.href = url
}
}

//------------------- Génération du menu ------------------------//

function generation () {
document.write("<style type='text/css'>");
document.write("td.menu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-color: "+couleurFond+";");
document.write("}");

document.write("table.ssmenu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-color: "+couleurFond2+";");
document.write("}");
document.write("</style>");

document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");

//1ere boucle
for (i=0; i<nbMenu; i++) {
document.write("<tr>");
document.write("<td onMouseOver='montreMenu("+i+")' style='cursor:hand' class='menu'>"+menu[i]+"</td>");
document.write("</tr>");
document.write("<tr style='display:none' id='ssmenu"+i+"'>");
document.write("<td>");
document.write("<td onClick='ouvreLien(\""+menuLien[i][z]+"\",\""+menuTarget[i][z]+"\"</td>")';
//<!--Un espace-->
document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
document.write("<tr>");
document.write("<td width='2'></td>");
document.write("</tr>");
document.write("</table>");

//<!--Le sous menu-->
document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' class='ssmenu'>");
// seconde boucle
for (z=0; z<ssmenuNom[i].length; z++) {
document.write("<tr>");
document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")' style='cursor:hand'>"+ssmenuNom[i][z]+"</td>");
document.write("</tr>");
//fin seconde boucle
}
document.write("</table>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td width='2'></td>");
document.write("</tr>");
// fin 1 ere boucle
}
document.write("</table>");
}

</script>
</head>

<body>


<script language="JavaScript">
generation();
</script></body>

</html>

vire les [z], ton menu principal est un tableau a une dimension, desole pour la reponse precedente, j'ai pas fais attention :

document.write("<td onClick='ouvreLien(\""+menuLien[i]+"\",\""+menuTarget[i]+"\"</td>")';

cela devrait mieux marcher...




-------------------------------------------------------------
Amicalement, rttb
[site]

j'ai toujours 2 erreurs une en ligne 36 et l'autre en ligne 234

tu as fais :

menuLien[0] = "http://www.gremi.asso.fr/buroexec.htm";
menuTarget[0] = "_blank";

mais il faut declarer les array() (je suis pas sur mais bon, on ne sait jamais) pour menuLien et menuTarget en mettant
var menu = new Array(); (deja present)
var menuLien= new Array();
var menuTarget= new Array();

il faut aussi definir
menuLien[1] = "http://www.....";
menuTarget[1] = "_blank";
menuLien[2]= "http://www.....";
menuTarget[2] = "_blank";


etc etc ..


-------------------------------------------------------------
Amicalement, rttb
[site]

ps pardon, j'ai corrigé celle en 36. Mais pour cette ligne :

document.write("<td onClick='ouvreLien(\""+menuLien[i]+"\",\""+menuTarget[i]+"\"</td>")';

j'ai un message d'erreur "constante chaine non terminé"

et à l'avant derniére ligne j'ai un autre message d'erreur "objet attendu".

si ca marche encore pas, met le texte complet de la page en post, je le testerais chez moi...


-------------------------------------------------------------
Amicalement, rttb
[site]

ok merci beaucoup, je vais essayer de remplir tous les liens que je souhaite.. et je te recontacterai pour t'envoyer l'ensemble si cela ne marche toujours pas. je ne vais pas être méga rapide... ce soir ou demain. bye à +.

Voilà la page en entier mais c'est toujours la cata, j'ai enlevé l'erreur de la ligne
document.write("<td onClick='ouvreLien(\""+menuLien[i]+"\",\""+menuTarget[i]+"\"</td>")';
mais les titres du menu sont sans lien et le seul titre du menu qui
se déroulait ne le fait plus... les cadres ont disparu... aïe aïe.
Si tu peux m'aider tant mieux, bon courage.


<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>

<script language="JavaScript">

/* Daniel Fabien - webmaster@script-masters.com
* Script Masters - http://www.script-masters.com/
*
* Menu vertical dynamique
* Vous pouvez utilisé ce script sous reserve de conserver ce message
*/

//------------------- Options ------------------------//
var largeurMenu = 200 // Pour régler la largeur du menu
var policeMenu = "Verdana" // Police pour les menus
var taillePoliceMenu = "14" // Taille de la police du menu
var couleurPoliceMenu = "#0000FF" // Couleur de la police du menu
var couleurBordure = "#000000" // Couleur de la bordure du menu
var couleurFond = "#FFA500" // Couleur du fond du menu
var couleurFond2 = "#FFD700" // Couleur du fond des sous menus
var couleurLienRollOver = "#000000" // Couleur des liens lors du rollover
var couleurFondRollOver = "#FFFFFF" // Couleur du fond sur Rollover

//------------------- Valeurs du menu ------------------------//

// nom de chaque menu - Vous pouvz en rajouter autant que vous le souhaitez
var menu = new Array();
var menuLien= new Array();
var menuTarget= new Array();
menu[0]="<B>Bureau Exécutif</B>";
menuLien[0] = "http://www.gremi.asso.fr/buroexec.htm";
menuTarget[0] = "_blank";
menu[1]="<B>Missions et Actions</B>";
menuLien[1] = "http://www.gremi.asso.fr/Mission.htm";
menuTarget[1] = "_blank";
menu[2]="<B>Prix GREMI</B>";
menuLien[2] = "http://www.gremi.asso.fr/prix.htm";
menuTarget[2] = "_blank";
menu[3]="<B>Médiateurs de l'Inflammation</B>";
menuLien[3] = ""; //pas de lien
menuTarget[3] = ""; //pas de lien
menu[4]="<B>Informations sur l'Inflammation</B>";
menuLien[4] = "http://www.gremi.asso.fr/resumT.htm";
menuTarget[4] = "_blank";
menu[5]="<B>Liens</B>";
menuLien[5] = "http://www.gremi.asso.fr/links.htm";
menuTarget[5] = "_blank";
menu[6]="<B>Agenda</B>";
menuLien[6] = "http://www.gremi.asso.fr/agenda1.htm";
menuTarget[6] = "_blank";
menu[7]="<B>Adhésion</B>";
menuLien[7] = "http://www.gremi.asso.fr/formulaire.html";
menuTarget[7] = "_blank";
menu[8]="<B>Contact & Feedback</B>";
menuLien[8] = "http://www.gremi.asso.fr/contact.htm";
menuTarget[8] = "_blank";



var ssmenuNom = new Array();
var ssmenuLien = new Array();
var ssmenuTarget = new Array();

// Valeurs sous le premier menu

ssmenuNom[0] = new Array();
ssmenuLien[0] = new Array();
ssmenuTarget[0] = new Array();



// Valeurs sous le second menu - Répéter opération
ssmenuNom[1] = new Array();
ssmenuLien[1] = new Array();
ssmenuTarget[1] = new Array();


// Valeurs sous le troisieme menu - idem
ssmenuNom[2] = new Array();
ssmenuLien[2] = new Array();
ssmenuTarget[2] = new Array();


// Valeurs sous le quatrieme menu - idem
ssmenuNom[3] = new Array();
ssmenuLien[3] = new Array();
ssmenuTarget[3] = new Array();

ssmenuNom[3][0] = "<B>Eicosanoïdes</B>"; // Nom du lien
ssmenuLien[3][0] = "http://www.gremi.asso.fr/eicosa.htm"; // Adresse
ssmenuTarget[3][0] = "_blank"; // ouvrir une fenetre : _blank
// ds la même fenetre : _top
// ds une frame : nom de la frame

ssmenuNom[3][1] = "Calpaïne à venir";
ssmenuLien[3][1] = "http://www.script-masters.com/";
ssmenuTarget[3][1] = "_blank";

ssmenuNom[3][2] = "Leptine à venir";
ssmenuLien[3][2] = "http://www.script-masters.com/";
ssmenuTarget[3][2] = "_blank";

// Valeurs sous le cinquieme menu - idem
ssmenuNom[4] = new Array();
ssmenuLien[4] = new Array();
ssmenuTarget[4] = new Array();

// Valeurs sous le sixieme menu - idem
ssmenuNom[5] = new Array();
ssmenuLien[5] = new Array();
ssmenuTarget[5] = new Array();

// Valeurs sous le septieme menu - idem
ssmenuNom[6] = new Array();
ssmenuLien[6] = new Array();
ssmenuTarget[6] = new Array();

// Valeurs sous le huitieme menu - idem
ssmenuNom[7] = new Array();
ssmenuLien[7] = new Array();
ssmenuTarget[7] = new Array();

// Valeurs sous le neuvieme menu - idem
ssmenuNom[8] = new Array();
ssmenuLien[8] = new Array();
ssmenuTarget[8] = new Array();




//------------------- Ne rien modifié ------------------------//
var nbMenu = menu.length;

//------------------- Rendu dynamique ------------------------//

//On détecte le browser
var ie=document.all
var ns6=document.getElementById&&!document.all

function montreMenu(num){
for (var i=0; i<nbMenu; i++) {
if (ie) {
objet = document.all["ssmenu"+i]
} else if (ns6) {
objet = document.getElementById("ssmenu"+i);
}
if (objet.style.display == ""){
objet.style.display = "none"
}
}
if (ie) {
objet = document.all["ssmenu"+num]
} else if (ns6) {
objet = document.getElementById("ssmenu"+num);
}
if (objet.style.display == "none"){
objet.style.display = ""
}
}

function rollOver(lien) {
lien.style.background = couleurFondRollOver;
lien.style.color = couleurLienRollOver;
}

function rollOut(lien) {
lien.style.background = couleurFond2;
lien.style.color = couleurPoliceMenu;
}

function ouvreLien(url,mode) {
if (mode == "_blank") {
window.open(url)
} else if (mode == "_top") {
window.top.location.href = url
} else {
window.top.parent.frames[mode].location.href = url
}
}

//------------------- Génération du menu ------------------------//

function generation () {
document.write("<style type='text/css'>");
document.write("td.menu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-color: "+couleurFond+";");
document.write("}");

document.write("table.ssmenu {");
document.write(" font-family: "+policeMenu+";");
document.write(" font-size: "+taillePoliceMenu+"px;");
document.write(" color: "+couleurPoliceMenu+";");
document.write(" border: 1px solid "+couleurBordure+";");
document.write(" background-color: "+couleurFond2+";");
document.write("}");
document.write("</style>");

document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");

//1ere boucle
for (i=0; i<nbMenu; i++) {
document.write("<tr>");
document.write("<td onMouseOver='montreMenu("+i+")' style='cursor:hand' class='menu'>"+menu[i]+"</td>");
document.write("</tr>");
document.write("<tr style='display:none' id='ssmenu"+i+"'>");
document.write("<td>");
document.write("<td onClick='ouvreLien(\""+menuLien[i]+"\",\""+menuTarget[i]+"\"</td>");

//<!--Un espace-->
document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0'>");
document.write("<tr>");
document.write("<td width='2'></td>");
document.write("</tr>");
document.write("</table>");

//<!--Le sous menu-->
document.write("<table width='"+largeurMenu+"' border='0' cellspacing='0' cellpadding='0' class='ssmenu'>");
// seconde boucle
for (z=0; z<ssmenuNom[i].length; z++) {
document.write("<tr>");
document.write("<td onMouseOver='rollOver(this)' onMouseOut='rollOut(this)' onClick='ouvreLien(\""+ssmenuLien[i][z]+"\",\""+ssmenuTarget[i][z]+"\")' style='cursor:hand'>"+ssmenuNom[i][z]+"</td>");
document.write("</tr>");
//fin seconde boucle
}
document.write("</table>");
document.write("</td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td width='2'></td>");
document.write("</tr>");
// fin 1 ere boucle
}
document.write("</table>");
}

</script>
</head>

<body>


<script language="JavaScript">
generation();
</script></body>
</html>