Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Incontournables XHTML / CSS :

Auteur
shako95
# 21 May 2007 - 17:52:41
Citer
5 Posts
Bonjour!

Je cherche à faire changer de couleur de fond un champs de texte lorsque le curseur s'y trouve (lorsque je fais tabulation pour changer de champs, il change de couleur).
J'aimerai également qu'au passage du curseur sur un champs texte, si celui est rempli et que l'on voit pas la fin du texte saisi, il s'affiche par dessus la fenêtre dans un pop-up ou une bulle!

Voilà merci de votre aide smile

^
Florent V.
# 21 May 2007 - 17:58:12
Citer
On va manger des chips.
Modérateur
13465 Posts
shako95 a écrit :
Je cherche à faire changer de couleur de fond un champs de texte lorsque le curseur s'y trouve (lorsque je fais tabulation pour changer de champs, il change de couleur).

Cette partie là est jouable.
input:focus {background: red;}

Peut-être à doubler par un :active pour Internet Explorer :
input:focus, input:active {background: red;}

Mais je ne suis plus sûr du support de ces pseudo-classes CSS par IE pour les éléments de formulaire. Il faudra tester ou faire une petite recherche. Il est possible que, pour obtenir le même effet dans IE (notamment dans IE6), il faille passer par Javascript.

shako95 a écrit :
J'aimerai également qu'au passage du curseur sur un champs texte, si celui est rempli et que l'on voit pas la fin du texte saisi, il s'affiche par dessus la fenêtre dans un pop-up ou une bulle!

Là, ça va être diablement plus compliqué... sweatdrop

http://www.covertprestige.net 
^
shako95
# 21 May 2007 - 17:59:23
Citer
5 Posts
oki merci beaucoup de ton aide!

^
shako95
# 21 May 2007 - 18:07:29
Citer
5 Posts
Ok ca marche c'est presque niquel!
T'as une solution pour différencier les input texte et les input submit ?
Parce que les boutons qui s'illuminent c'est pas top mdr!

^
Florent V.
# 22 May 2007 - 00:29:38
Citer
On va manger des chips.
Modérateur
13465 Posts
shako95 a écrit :
T'as une solution pour différencier les input texte et les input submit ?

Oui :
input[type=text]:focus {...}

Mais comme Internet Explorer n'y comprend rien, on devra se rabattre sur des classes à appliquer manuellement aux divers éléments de formulaire. En CSS, on aura par exemple :
input.texte:focus {...}


http://www.covertprestige.net 
^
shako95
# 25 May 2007 - 11:19:55
Citer
5 Posts
Ta solution fonctionne très bien pour Firefox, mais pour ie j'ai pas trop compris ce que tu voulais dire par 'appliquer manuellement aux divers éléments'..

Je dois répéter le code css dans chaque page ?

En tout cas c'est fonctionnel pour firefox et c'est déjà bien, merci beaucoup de ton aide.

^
Benjamin D.C.
# 25 May 2007 - 11:22:39
Citer
Modérateur
2408 Posts
Tiens au fait, les sélecteurs d'attributs sont supportés par IE7 ?

This is the way, step inside.

http://deaxon.com 
^
shako95
# 25 May 2007 - 13:39:00
Citer
5 Posts
Aucunes idées. Moi c'est sous ie6 que je teste.

^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 6.1 ms - Charte