besoin d'aide pour changer le 'target' d'un menu en javascript

bonjour,
je tente d'utiliser un script nommé 'menu toolbar par icônes'.
Il consiste à créer un menu horizontal dynamique.

L'une de mes pages contient deux frames, une en haut (de type bannière) pour le menu toolbar par icones, une juste en dessous pour les pages. Je souhaite que lorsque je clique sur l'un des bouttons du menu toolbar de la bannière, la page s'affiche en dessous.
Il faut donc que je modifie la fonction menutoolbar.add pour y ajouter une sorte de 'target=' , chose que je tente en vain, si quelqu'un peut m'aider...

voici le script:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<HEAD>
<SCRIPT language=javascript>
 
// Paramétrage ici :
var MenuToolBar=new CreerMenuToolBar('orange', '#ffcc99', 'black', '#6699FF', 'font-family:verdana;font-size:11px;color:white;font-weight:bold', 14, 14)
MenuToolBar.Add('../images/topbar/boutton1off.gif', '../images/topbar/boutton1on.gif', 'Accueil', 'accueil.htm');
MenuToolBar.Add('../images/topbar/boutton2off.gif', '../images/topbar/boutton2on.gif', 'blabla', '../documents/blabla.htm');
MenuToolBar.Add('../images/topbar/boutton3off.gif', '../images/topbar/boutton3on.gif', 'blabla2', '../documents/blabla2.htm');
 
 
// Fonctions internes
function CreerMenuToolBar(colFond, colClair, colOmbre, colCligno, style, hauteur, largeur) {this.nb=0;this.colFond=colFond;this.colClair=colClair;this.colOmbre=colOmbre;this.colCligno=colCligno;this.hauteur=hauteur;this.largeur=largeur;this.style=style;this.Indice=-1;this.Nbcligno=0;this.Add=AddMenuToolBar;this.Aff=AffMenuToolBar;}
function AddMenuToolBar(imgOff, imgOn, libelle, url) {var link=new Object();link.imgOff=imgOff;link.imgOn=imgOn;link.libelle=libelle;link.url=url;this[this.nb]=link;this.nb++;}
function AffMenuToolBar() {
if (document.getElementById || document.all) {
var Z="<TABLE border=0 cellpadding=1 cellspacing=1><TR>";
for (var i=0; i<this.nb; i++) {
Z+="<TD onMouseOver='AffMenuToolBarOver(this,"+i+")' onMouseOut='AffMenuToolBarOut(this,"+i+")' onMouseDown='AffMenuToolBarDown(this,"+i+")' onClick='AffMenuToolBarClic(this,"+i+")' style='border-style:solid;border-width:1px;border-color:"+this.colFond+";"+this.style+";cursor:pointer'><IMG name='MenuToolBarIMG"+i+"' src='"+this[i].imgOff+"' border=0 width="+this.largeur+" height="+this.hauteur+" align=top>&nbsp;"+this[i].libelle+"</TD>";
}
Z+="</TR></TABLE>";
} else {
var Z="| &nbsp;";
for (var i=0; i<this.nb; i++) {
Z+="<A href='"+this[i].url+"' style='"+this.style+"'><IMG name='MenuToolBarIMG"+i+"' src=\""+this[i].imgOff+"\" border=0 width="+this.largeur+" height="+this.hauteur+" align=top>&nbsp;"+this[i].libelle+"</A>&nbsp;|&nbsp;";
}
}
document.write(Z);
}
function AffMenuToolBarOver(obj,ind) {obj.style.borderTopColor=MenuToolBar.colClair; obj.style.borderLeftColor=MenuToolBar.colClair; obj.style.borderBottomColor=MenuToolBar.colOmbre; obj.style.borderRightColor=MenuToolBar.colOmbre; document.images['MenuToolBarIMG'+ind].src=MenuToolBar[ind].imgOn;}
function AffMenuToolBarOut(obj,ind) {obj.style.borderTopColor=MenuToolBar.colFond; obj.style.borderBottomColor=MenuToolBar.colFond; obj.style.borderLeftColor=MenuToolBar.colFond; obj.style.borderRightColor=MenuToolBar.colFond; document.images['MenuToolBarIMG'+ind].src=MenuToolBar[ind].imgOff;}
function AffMenuToolBarDown(obj,ind) {obj.style.borderTopColor=MenuToolBar.colOmbre; obj.style.borderLeftColor=MenuToolBar.colOmbre; obj.style.borderBottomColor=MenuToolBar.colClair; obj.style.borderRightColor=MenuToolBar.colClair;}
function AffMenuToolBarClic(obj,ind) {MenuToolBar.Indice=ind;MenuToolBar.obj=obj;MenuToolBar.Nbcligno=0;MenuToolBarCligno()}
function MenuToolBarCligno() {
MenuToolBar.Nbcligno++;
if (Math.round(MenuToolBar.Nbcligno/2) != MenuToolBar.Nbcligno/2) {
MenuToolBar.obj.style.backgroundColor=MenuToolBar.colCligno;
} else {
MenuToolBar.obj.style.backgroundColor=MenuToolBar.colFond;
}
if (MenuToolBar.Nbcligno < 8) {
setTimeout('MenuToolBarCligno()',50-5*MenuToolBar.Nbcligno);
} else {
window.location=MenuToolBar[MenuToolBar.Indice].url;
}
}
 
</script>
</HEAD>

Puis, dans le body:

Code:

<script language="javascript">MenuToolBar.Aff();</script>

UN GROS MERCI d'avance !

Code:

1
2
3
4
5
6
7
8
 
(...)
window.parent.frames['maFrame'].location.replace(MenuToolBar[MenuToolBar.Indice].url);
}
}
 
</script>
</HEAD>

Ca devrait faire l'affaire.

oui mais

merci beaucoup pour ton aide...
mais supposons à présent que j'ai 3 frames, si je veux qu'un boutton affiche sa page dans une frame tandis qu'un autre dans une autre frame, il faut alors changer la fonction?

Et la reste le problème pour moi :(

je ne sais pas quoi modifier, j'ai fait une multitude d'essais sans résultats...

Code:

MenuToolBar.Add('../images/topbar/boutton3off.gif', '../images/topbar/boutton3on.gif', 'blabla2', '../documents/blabla2.htm', 'maFrame');

Code:

function CreerMenuToolBar(colFond, colClair, colOmbre, colCligno, style, hauteur, largeur) {this.target='_self';this.nb=0;this.colFond=colFond;this.colClair=colClair;this.colOmbre=colOmbre;this.colCligno=colCligno;this.hauteur=hauteur;this.largeur=largeur;this.style=style;this.Indice=-1;this.Nbcligno=0;this.Add=AddMenuToolBar;this.Aff=AffMenuToolBar;}
Code:

1 2 function AddMenuToolBar(imgOff, imgOn, libelle, url, target) {var link=new Object();link.imgOff=imgOff;link.imgOn=imgOn;link.libelle=libelle;link.url=url;this[this.nb]=link;this.nb++; this.target=target;}
Code:

window.parent.frames[MenuToolBar[MenuToolBar.Indice].target].location.replace(MenuToolBar[MenuToolBar.Indice].url)

merci :)

merci bcp, sauf que il y avait une petite erreur:

Code:
function AddMenuToolBar(imgOff, imgOn, libelle, url, target) {var link=new Object();link.imgOff=imgOff;link.imgOn=imgOn;link.libelle=libelle;link.url=url;this[this.nb]=link;this.nb++;
this.target=target;}

this.target=target devait etre remplacer par link.target=target :)

merci beaucoup !