menu dynamique vertical (juste une petite question)
Salut tout le monde,
J'ai réussi à faire un menu dynamique vertical comprenant des sous-menus sur ma page d'accueil et ça fonctionne super bien, je clic sur un sous-menu et j'arrive sur la bonne page seulement j'aimerais que losque je ferme cette page en question je puisse revenir directement sur la page d'accueil au lieu de quitter le site.
Que dois-je changer, ajouter ou supprimer au code javascript ?
Cela fait des jours que je cherche sans rien trouver.
Pouvez-vous m'aider ?
Ce serait super sympa.
Un énorme merci d'avance.
A+ Cynthia
Voici 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
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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
| <html>
<head>
<title>Menu vertical parametrable</title>
<script type="text/javascript">
window.onload = affiche;
// ----- Fonction d'affichage des menus -----
function affiche (id) {
var d = document.getElementById(id);
var nbelmenu = 4 // nombre d'éléments dans le menu
for ( var i = 1 ; i <= nbelmenu ; i++ ) {
if ( document.getElementById('sousmenu'+i) ) {
document.getElementById('sousmenu'+i).style.display='none';
}
}
if (d) {
d.style.display='block';
}
}
</script>
</head>
<body>
<script type="text/javascript">
var fontfamil = "arial, sans-serif" ; // choix de la police de caractères du menu
var tailleftmen = "90%" ; // taille de la police du menu
var fontcolo = "#FFFFDD" ; // couleur de la police de caractères du menu
var cellbckgrnd = "#999966" ; // couleur des cellules du menu
var positionver = 1 ; // position verticale du menu dans la page
var positionhor = 1 ; // position horizontale du menu dans la page
var largeurcell = 8 ; // largeur des cellules du menu
var hauteurcell = 18 ; // hauteur des cellules du menu
var espacemcell = 6 ; // espace entre les cellules du menu
var subfontfamil = "arial, sans-serif" ; // choix de la police de caractères des sous-menus
var subtailleftmen = "80%" ; // taille de la police des sous-menus
var subfontcolo = "#000000" ; // couleur de la police de caractères des sous-menus
var subftsucolo = "#FFCC00" ; // couleur de la police de sous-menus survolés
var subcellbckgrnd = "#999966" ; // couleur des cellules des sous-menus
var submovcellmenu = "absolute" ; // "absolute"=sans déplacement des cellules menu ("relative" = avec déplacement)
var subcellposhor = 5 ; // position horizontale des cellules des sous-menus
var sublargeurcell = 6 ; // largeur des cellules des sous-menus
var subhauteurcell = 15 ; // hauteur des cellules des sous-menus
// creation des styles CSS du menu --->
document.write( "<style type='text/css'>" );
document.write( "#menuvert {position: relative;top: " + positionver + "em;" );
document.write( "left: " + positionhor + "em;" );
document.write( "width: " + largeurcell + "em;}" ) ;
document.write( "#menuvert dt {font-family: " + fontfamil + ";" ) ;
document.write( "font-size: " + tailleftmen + ";color: " + fontcolo + ";" );
document.write( "text-align: center;background: " + cellbckgrnd + ";" );
document.write( "cursor: hand;height: " + hauteurcell )
document.write( "px;margin: " + espacemcell + "px;list-style-type: none;}" );
document.write( "#menuvert dd {background: " + subcellbckgrnd + ";" );
document.write( "position: absolute;left: " + subcellposhor + "em;" );
document.write( "margin-top: -1em;width: " + sublargeurcell + "em;}" );
document.write( "#menuvert li {font-family: " + fontfamil + ";" );
document.write( "font-size: " + subtailleftmen + ";list-style-type: none;" );
document.write( "height: " + subhauteurcell + "px;}" );
document.write( "#menuvert li a, #menuvert dt a {color: " + subfontcolo + ";" );
document.write( "text-decoration: none;}" );
document.write( "#menuvert li a:hover {color: " + subftsucolo + ";" );
document.write( "text-decoration: none;}" );
document.write( "}</style>" );
// FIN des styles CSS
</script>
</head>
<body>
<dl id="menuvert">
<dt onmouseover="javascript:affiche('sousmenu1');" onmouseout="javascript:affiche();">
Menu 1</dt>
<dd id="sousmenu1" onmouseover="javascript:affiche('sousmenu1');" onmouseout="javascript:affiche();">
<a href="menu11.htm"><!--remplacer menu11.htm par le lien du menu-->
menu 1.1</a></dd>
<dt onmouseover="javascript:affiche('sousmenu2');" onmouseout="javascript:affiche();">
Menu 2</dt>
<dd id="sousmenu2" onmouseover="javascript:affiche('sousmenu2');" onmouseout="javascript:affiche();">
<a href="menu21.htm">menu 2.1</a><p><a href="menu22.htm">menu 2.2</a></dd>
<dt onmouseover="javascript:affiche('sousmenu3');" onmouseout="javascript:affiche();">Menu 3</dt>
<dd id="sousmenu3" onmouseover="javascript:affiche('sousmenu3');" onmouseout="javascript:affiche();">
<a href="menu31.htm">Menu 3.1</a><p><a href="menu32.htm">Menu 3.2</a></p>
<a href="menu33.htm">Menu 3.3</a></dd>
<dt onmouseover="javascript:affiche('sousmenu4');" onmouseout="javascript:affiche();">Menu 4</dt>
<dd id="sousmenu4" onmouseover="javascript:affiche('sousmenu4');" onmouseout="javascript:affiche();">
<a href="menu41.htm">Menu 4.1</a><p><a href="menu42.htm">Menu 4.2</a></p>
<a href="menu43.htm">Menu 4.3</a><p><a href="menu44.htm">Menu 4.4</a></dd>
</dl>
</body>
</html> |
