Discussion :

[maysa]

Bjour,

Je ne sais pas si je suis au bon endroit, mais je voudrais, sur un formulaire et plus spécialement sur des input type text, que quand on clique sur un lien ce champ change de style, et quand on le quitte il garde son style d'avant.

J'ai donc mis :

Code :

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

onFocus="this.className='style2'" onBlur="this.className='style1'"

sur tout mes champs texte, mais n'y aurait il pas un moyen plus simple que de répéter sur chaque champ ? surement si... mais où ? une fonction dans le body onLoad ?

Merci d'avance...

[kenny.kev]

bonjour,

en CSS tu déclare ta balise et tu lui ajoute l'evenement que tu veux
exemple :

Code :

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

1
2
3
4
 
input:hover {
     background-color: red;
}

[kenny.kev]

c'est l'événement "focus" que tu dois mettre

[maysa]

ok c'est plus simple que je ne pensais alors !
je testerai demain merci

[maysa]

ça marche merci, je n'aurai pas pensé à faire un input:focus dans mon css

[madevilts]

Attention !

input:focus c'est pas trop compatible avec IE...

[kenny.kev]

pour que ça fonctionne pour les deux il faut ajouter la déclaration

Code :

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

1
2
3
4
input:active, input:focus {

}

et la ça fonctionne sous IE et les autres

[madevilts]

active c'est pas exactement pareil que focus je crois

[maysa]

En effet active ne fonctionne pas sous IE non plus...mais c'est essentiellement utilisé avec FF.

[madevilts]

Si si cela fonctionne mais il faut arriver sur le lien en utilisant la tabulation a priori

Ou alors avoir les yeux de flash gordon car le bouton reste "active" entre le click down et le click up si on peut dire.

[kenny.kev]

Exacte, :active similaire à focus mais donne une couleur très claire

[madevilts]

Oui mais sur IE, le focus est seulement lors du clic sur les <a href... donc il faut avoir une machine lente pour le voir sinon c'est trop rapide ou rester cliquer (mais ça j'en suis pas sur).