Discussion :

[freegreg]

Bonsoir,

Joris Crozier nous propose une traduction de l'article anglophone de Sam Dunn (Webmaster de Build Internet) : Changing Form Input Styles on Focus with jQuery

Ce tutoriel va vous montrer comment agrémenter vos formulaires avec des classes CSS et des valeurs par défaut qui changent en fonction des éléments sélectionnés d'un formulaire. Le tout avec un peu de jQuery.

Pour toutes questions/suggestions, vous pouvez les faire à la suite de ce message.

Bonne lecture

[CocoRambo]

Merci pour ce Tuto mais n'y aurait il pas comme un soucis sous IE (7 en tout cas )

Certainement une histoire de padding?

[freegreg]

Merci pour ce Tuto mais n'y aurait il pas comme un soucis sous IE (7 en tout cas )

Certainement une histoire de padding?

En effet, je préviens Joris.
Merci

[RideKick]

Hello ,
une solution qui marche sur tout les navigateurs est de remplacer les pixels par des em exemple pour la classe statut :

Code css :

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

1
2
3
4
5
#status{
    	width:50%;
    	padding:1em;
    	outline:none;
    }

[W-P-design]

Bonjour,

Pourquoi offrir à jQuery le rôle tenu par CSS ? Je ne comprends pas bien...
Le seul intérêt de ce tutoriel est de voir comment créer un placeholder, éventuellement.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
    #status:focus {  
        border:solid 2px #73A6FF;  
        background:#EFF5FF;  
        color:#000;  
    }  
   #status {  
        background:#EEE;  
        color: #6F6F6F;  
        border: solid 2px #DFDFDF;  
    }

Plus simple, moins de code, et au moins si JS est désactivé...

Bonne journée