Discussion :

[ghyosmik]

Bonjour,

dans ma page, je posséde un texte de lien, qui est gérer par un style css fixe, mais je veux que suite à un passage de curseur le couleur change du bleu (qui est définit par le style css) en rouge.

Je vous donne le code du texte

Code :

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

<a href="lien.htm"  target="_parent"><font class="style">Link1</font></a>

ce qui suit c'est le code css

Code :

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

1
2
3
4
5
6
7
8
9
.style{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	font-style:normal;
	color:#0033CC;
 
 
}

c'est vrai qu'il ya des scripts de ce genre mais je suis independante de style!
Qui peut me guider à trouver un solution!?

[vins25]

Voilà peu etre quelque chose qui va t'aider:

onmouseover = se produit lorsque le pointeur de la souris passe sur l'élément.

@+ Vins

[SpaceFrog]

independante de style ? tu veux dire que tu ne veux pas utiliser de css ?

a:link
a:hover
a:visited sont pourtant bien pratiques ...


il reste juste le onmouseover alors ...comme dit ci dessus

[ghyosmik]

Oui , mais comment intégrer l'evenement onmouseover dans mon code tout en gardant le style?

[SpaceFrog]

???
je ne comprend pas ton souci ...

si tu ne veux pas passer par le a:hover a:link etc ...

parcontre mettre un style dans une

fais simplement un style2:

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
<a href="lien.htm"  target="_parent" class="style" onmouseover="this.className="style2" onmouseout='this.className="style">Link1</a>
 
 
.style{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight:bold;
   font-style:normal;
   color:#0033CC;
 
 
}
 
.style2{
 
   color:red;
   }

[siddh]

en protegeant les " par des \"

[ghyosmik]

çà marche pas encore, il prend le deuxiéme style par défaut!
Mais on ne peut pas le mettre dans un script et lui faire appelle?

[siddh]

Code :

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

<a href="lien.htm"  target="_parent" class="style" onmouseover="this.className='style2'" onmouseout="this.className='style'">Link1</a>