Discussion :

[nadiaflamingenierie]

Bonjour,

J'ai un menu constitué de 5 onglets, je veux quand on clique sur un onglet de ce menu la couleur change par exemple de la couleur blanc au bleu clair pour que l'utilisateur save dans quel onglet il est et que les autres onglets restent dans leurs coleur initiale(blanc).


avez vous une idée sur ça?

[Jumano]

Bonsoir,
Montre nous un peu de code ...
Tu peux déjà regarder du côté du CSS avec un changement de "class" sur un "onclick" par exemple ...

[nadiaflamingenierie]

Bonjour,

voilà un exemple de mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<td align="center" width="67">
  <a style="text-decoration:none; color:#FFFFFF; font-size:14" href="?page=accueil">
<b onmouseup="this.style.color='#ccffff';"onmouseover="this.style.color='#ccffff';" onmouseout="this.style.color='#FFFFFF';">accueil</b>
</a>
</td>

Svp je suis débutante en javascript, pouvez vous m'aider sur mon problème?

Trés cordialement.

[Jumano]

Tu peux faire un truc dans ce style :
1 - tu définis tes styles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<style>
.Style1 {
background-color:#0099FF;
text-decoration:none;
color:#FFFFFF;
font-size:14;
font-weight:bold;
}
.Style2 {
background-color:#00CC99;
text-decoration:none;
color:#ccffff;
font-size:14;
font-weight:bold;
}
 
a:link {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-size:14;
}
a:visited {
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
	font-size:14;
}
a:hover {
	color: #ccffff;
	text-decoration: none;
	font-weight: bold;
	font-size:14;
}
</style>

2 - tu les appliques :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<td align="center" width="67" class="Style1" onmouseover="this.className='Style2';" onmouseout="this.className='Style1';" >
<a href="?page=accueil">accueil</a></td>

[nadiaflamingenierie]

Bonjour,

j'ai testé ton code,j'ai remargué que on clique sur le menu accueil ne change pas de couleur.

[madevilts]

Normal. Le code de jumano ne change pas la couleur lors du clic

Pour faire ce que tu souhaites, il nous faudrait le code complet