Des livres incontournables pour tout maîtriser

  • CSS2
  • Réussir son site web avec XHTML et CSS
  • PHP 5 avancé
  • Memento CSS
  • Memento XHTML
  • Ergonomie web
  • Bien rédiger pour le web
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
Administrateur
17082 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://fvsch.com 
^
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
Administrateur
17082 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://fvsch.com 
^
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
2861 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.

^
Powered by Phedio v3.8.6 beta in 8.5 ms © dew