Votre question

[PHP/JS] Meme propriété pour un select

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
22 Mars 2007 16:51:01

Bonjour,

Alors voila j'explique un peu ce topic pour le moins confus, j'en suis désolé.
J'ais une série de <input> et chacun possède tous la même propriété sur le onChange et onBlur.
Explication :
Lorsque je me place sur un des input, sa couleur de fond se modifie, et lorsque je passe au suivant, c'est celui-ci qui devient d'une couleur et l'autre se ré-initialise.

Voici le script JS :
  1. <script>
  2. function change(nom)
  3. {
  4. var un = document.getElementById(nom).style.backgroundColor;
  5. if(un != "")
  6. {
  7. document.getElementById(nom).style.backgroundColor="";
  8. }
  9. else
  10. {
  11. document.getElementById(nom).style.backgroundColor="#00CCCC";
  12. }
  13. }
  14. </script>

Et voici les propriétés de chacun des input :
onFocus="javascript:change('prenom')" onBlur="javascript:change('prenom')"
nom étant l'id de la balise

Donc je voudrais savoir si il n'existait pas un moyen d'éviter de répéter ces lignes de codes pour chaque input

J'espere avoir été clair,
merci

Yohanssen.

Autres pages sur : php propriete select

23 Mars 2007 15:06:54

bonjour, le moyen le plus simple serait d'utiliser les css:
un exemple pour appliquer à toutes les zones de saisie:
  1. input [type=text],
  2. select,
  3. textarea {
  4. background-color: white;
  5. }
  6.  
  7. input:focus,
  8. select:focus,
  9. textarea:focus {
  10. background-color: #00CCCC;
  11. }
23 Mars 2007 16:18:22

MERCIIIIIII !!!!
je pensais bien au CSS, mais j'étais incapable de mettre l'idée sur papier.

Encore merci.
A bientot.

Yohanssen.
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS