Discussion :

[tianet]

Bonsoir

Je n'arrive pas à changer l'aspect (couleur de fond et couleur du texte) de mon menu lorsque celui ci est sélectionner. J'utilise on mouse over et je met du javascript. Actuellement je n'arrive que à changer la couleur de fond mais je voudrais aussi changer la couleur de la police.

Voici le code de ma cellule de tableau
<td width="120" height="32" align="center" bgcolor="#000000" class="Style6" onclick="javascript:parent.menuClickPhp('./fr/index_fr')" onmouseover="javascript:bgColor ='#00FE00'" onmouseout="javascript:bgColor='#000000'">Service</td>

Sur l'événement onmouseout le texte doit reprendre le style 6.

Avez vous une petite idée ??

Merci d'avance

Fred

[Auteur]

bonjour,

Code css :

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
 
.Style6{
color: #FFFFFF;
background-color: #000000;
}
 
.StyleCellule{
width: 120px;
height: 32px; 
text-align: center;
font-weight: normal;
}
 
.NouveauStyle6{
color: #0000FF;
background-color: #AAAAAA;
}

Code html :

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

1
2
 
 <td class="Style6 StyleCellule" onclick="parent.menuClickPhp('./fr/index_fr')" onmouseover="this.className='NouveauStyle6 StyleCellule'" onmouseout="this.className='Style6 StyleCellule'">Service</td>

supprime le terme javascript qui n'est pas utile (tout ce qui est après un événement onxxxxx est du javascript) et utilise les feuilles de style (CSS).

[tianet]

GENIAL

Merci

Fred

[Auteur]

tag (outils de la discussion).