changer dynamiquement couleur fond input

Version imprimable

Bonjour tout le monde

Voila je souhaiterai mettre en place une fonction qui puisse changer la couleur de fond d'un champ input.

Voici mon code :

Code:

1
2
3
4
5
6
 
//Javascript
function change_couleur_input(field){
  document.form_iq.element[field].style.bgcolor='#CCFF33';
 //document.form_iq.iq[val].style.bgcolor='#CCFF33'; j'ai testé ca avant mais ca ne marche pas.
}

Puis sur mon form, un champ iq[" . $super_name . "] et un 2e plus bas qui lance le script qui change la couleur du 1er.

Code:

1
2
3
4
5
6
7
 
 
echo "<td class=\"youpi\"><input type=\"text\" name=\"iq[" . $super_name . "]\" size=\"2\" maxlength=\"3\" value=\"" . affiche_ou_pas_value_admin($valeur2, $mon_id_client, $valeur, $valeur3) . "\"class=\"box\" onkeyup=\"verif_nombre(this);\">";
 
.......
 
<textarea name="<?php echo $super_name;?>" rows="4" cols="29" style="{overflow-y: visible;height: 6em;weight: 45em;}" onBlur="change_couleur_input(<?php echo "this.form.iq[" . $super_name . "]"; ?>');"></textarea>

Merci pour votre aide.

21/09/2006, 17h18
Kerod

utilises plutot

Code:

style.backgroundColor

bgcolor n'est pas vraiment un composant de style
21/09/2006, 17h25
SunSyS

Merci Kerod,

A vrai dire il me sort une erreur ici : document.form_iq.element[field] il connait pas field.

Merci pour le conseil du style je vais faire la correction.
21/09/2006, 17h27
Kerod

Et si tu fais un alert(field) tu obtiens quoi comme valeur ?
21/09/2006, 17h30
SunSyS

affiche le nom du champ, mais lorsque j'utilise la variable ca ne marche pas.

Voici un bout de code "source"

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<tr>
  <td class="youpi">
    <input type="text" name="iq[4-6-TNG|19-12-2006]" size="2" maxlength="3" value="0"class="box" onkeyup="verif_nombre(this);">
    <span class="gensmall">
      <a href="" id="4-6-TNG|19-12-2006">
<script language="JavaScript">
vbmenu_register("4-6-TNG|19-12-2006")</script></a>
    </span>
  </td>
</tr>
<tr>
  <td>
    <div id="4-6-TNG|19-12-2006_menu" style="display:none">
      <table>
        <tr>
          <td class="boxx">
            <small>Ajouter votre commentaire pour cet IQ </small>
          </td>
        </tr>
        <tr>
          <td class="option" align="center">
<textarea name="4-6-TNG|19-12-2006" rows="4" cols="29" style="{overflow-y: visible;height: 6em;weight: 45em;}" onBlur="change_couleur_input(this.value, 'this.form.iq[4-6-TNG|19-12-2006]');"></textarea>
          </td>
        </tr>

21/09/2006, 17h39
Kerod

Pourquoi tu n'utilises pas ceci :

Code:

document.form_iq.iq[field]

Car le problème avec l'autre c'est que tu lui passes l'index dans un tableau ayant pour nom iq, et non l'iq avec son index.

Tiens en utilisant un id ca passera plus vite : Les champs des formulaires
21/09/2006, 17h43
SunSyS

J'ai essayé aussi mais ca ne marche pas !
Regarde le commentaire dans la fonction javascript. :D
21/09/2006, 17h54
Kerod

dans ce cas pourquoi tu ne travaillerais pas sur l'id ?
Après tu récupères juste l'id et tu fais un

Code:

document.getElementById(field).style.backgroundColor = ....

Par contre ton id je te conseille de le mettre par exemple comme ceci :

Citation:

id="iq_4-6-TNG|19-12-2006"

Quoi que je suis pas sur que l'id sous ce format passerait (à tester en gros)
21/09/2006, 17h55
SunSyS

merci pour ton aide je vais tester pour voir.
Je te tiens au courant.
21/09/2006, 17h58
SunSyS

Trop puissant Kerod, t'es mon sauveur. 8-)

Merci pour ton aide, ca marche apres 4h de galère, ca fait trop plaisir.
21/09/2006, 18h01
Kerod

De rien mais évite ce genre de tableau pour les name.

Et surtout n'hésite pas avec les id ;)