mise en place d'un menu horizontal javascript

Bonjour

je suis en cour de création un site, j'ai peu a l'aide de recherche internet de mettre en place un menu horizontal avec un codage java script

mon probleme c'est quant je click sur un lien du menu rien ne se passe
j'ia crée ma pas INDEX avec front page, elle ai constituer d'un tableau avec un ensenbel de cellule et de ligne, le menu et inserer dans une cellule

se que je veux faire c que quant je click sur le menu ou sur le sous menu c'est que ma page s'afficher dans une cellue dans la meme page pour garger le meme presentation du site ( menu y compris )
:triste:

pouvez vous m'aider SVP ????????

merci d'avance pour votre interet

Pas de bol j'ai envoyé ma boule de cristal USB à la révision hier, du coup c'est beaucoup moins pratique pour voir ton code ...

j'ia rien compris a ton message
tu peu m'aider ou pas ???

je n'ai pas de dons d'extra lucide et sans voir le code incriminé ça me parait compromis ...

code

voila le code :))))))

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
bgcolor='#006699';
bgcolor0='#E9967A'; //CC0000';
bgcolor1='#FF69B4'; //CC0000';
bgcolor2='#FF6347'; //CC0000';
bgcolor3='#48D1CC'; //CC0000';
bgcolor4='#FFA500'; //CC0000';
bgcolor5='#BC8F8F'; //CC0000';
bgcolor6='#00FF00'; //CC0000';
bgcolor7='#FFB6C1'; //CC0000';
bgcolor8='#D2691E'; //CC0000';
bgcolor9='#ADFF2F'; //CC0000';
 
zgcolor = new Array;
zgcolor[0] = '#E9967A'; //CC0000';
zgcolor[1] = '#FF69B4'; //CC0000';
zgcolor[2] = '#FF6347'; //CC0000';
zgcolor[3] = '#48D1CC'; //CC0000';
zgcolor[4] = '#FFA500'; //CC0000';
zgcolor[5] = '#BC8F8F'; //CC0000';
zgcolor[6] = '#00FF00'; //CC0000';
zgcolor[7] = '#FFB6C1'; //CC0000';
zgcolor[8] = '#D2691E'; //CC0000';
zgcolor[9] = '#ADFF2F'; //CC0000';
 
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*

SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
 
zlien[0][0] = '<A HREF="www.geocities.com/simulationdehockey16/reglement" CLASS=ejsmenu>Aceuil</A>';
zlien[0][1] = '<A HREF="www.geocities.com/simulationdehockey16/inscription" CLASS=ejsmenu>Info</A>';
zlien[0][2] = '<A HREF="www.geocities.com/simulationdehockey16/listedg" CLASS=ejsmenu>Astuce</A>';
zlien[0][3] = '<A HREF="www.geocities.com/simulationdehockey16/infodg" CLASS=ejsmenu>News/A>';
zlien[0][4] = '<A HREF="www.geocities.com/simulationdehockey16/direction" CLASS=ejsmenu>Blague</A>';
zlien[0][5] = '<A HREF="www.geocities.com/simulationdehockey16/forum" CLASS=ejsmenu>Forum</A>';
 
zlien[1][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>TBA3KIK</A>';
zlien[1][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>BALGUE</A>';
zlien[1][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>JOURNAL</A>';
zlien[1][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Prospect</A>';
zlien[1][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>MANAGER</A>';
zlien[1][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>QUALITE</A>';
zlien[1][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>PARODUCTIVITE</A>';
zlien[1][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>COURRIER SORTANT</A>';
zlien[1][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STOK</A>';
 
zlien[2][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>REALISE du jour</A>';
zlien[2][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STAT</A>';
zlien[2][2] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>ClASSEMENT</A>';
zlien[2][3] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>EXTRACTION</A>';
zlien[2][4] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneurs Individuelles</A>';
zlien[2][5] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneurs par équipes</A>';
zlien[2][6] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STATISTIQUE</A>';
zlien[2][7] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 PRODUCTIVITE</A>';
zlien[2][8] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 QUALITE</A>';
zlien[2][9] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Top 5 APPEL SORANT</A>';
 
zlien[3][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Classement</A>';
zlien[3][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Meneur</A>';
 
zlien[4][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>Gm Editor</A>';
zlien[4][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>STOUNE</A>';
 
zlien[5][0] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>HALAZOUNE</A>';
zlien[5][1] = '<A HREF="www.geocities.com/simulationdehockey16/" CLASS=ejsmenu>NOUKAT</A>';
zlien[5][2] = '<A HREF="www.rds.ca" CLASS=ejsmenu>RENDEZ-VOUS</A>';
zlien[5][3] = '<A HREF="www.tsn.ca" CLASS=ejsmenu>CALANDRIER</A>';
zlien[5][4] = '<A HREF="www.fhlsim.com" CLASS=ejsmenu>ZORO</A>';
 
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;
 
function pop(msg,pos)
{
	skn.visibility = "hidden";
	a=true
	skn.left = pos;
	var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
	pass = 0
	while (pass < msg.length)
		{
			content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+zgcolor[pass]+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">  "+msg[pass]+"</FONT></TD></TR>";
			pass++;
		}
	content += "</TABLE></TD></TR></TABLE>";
	if (nava)
		{
			skn.document.write(content);
			skn.document.close();
			skn.visibility = "visible";
		}
	else if (dom)
			{
				document.getElementById("topdeck").innerHTML = content;
				skn.visibility = "visible";
			}
		else if (iex)
			{
				document.all("topdeck").innerHTML = content;
				skn.visibility = "visible";
			}
}
 
function kill()
{
	skn.visibility = "hidden";
}
 
document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">ACEUIL</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">EQUIPE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">STATISTIQUE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor5+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">GROUPE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">RESULTAT</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor7+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">LIENS</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor8+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">AUTRES</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

merci d'avance

:vomi: as tu pensés a allez faire un tour ici : http://css.developpez.com/galerie/

ton code est obsolète ...

menu

bonjour

merci pour ta reponce

oui j'ai regarder la rebrique sauf que sa repond pas a mon probleme
j'ai pu realiser le script le mon probleme c quant je click sur un des liens

c q je veus c qu'on cas de click sur un lien je veus que la page se charge sur la meme page dans une cellule dedier sur mon index de facon a garder la meme page avec le menu qui permet la navigation

j'ai vraiment besoin d'aide sur ce point si vous pouvez me rensegnier