Discussion :

[SunSyS]

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 :

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

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 :

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

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.

[Kerod]

utilises plutot

Code :

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

style.backgroundColor

bgcolor n'est pas vraiment un composant de style

[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.

[Kerod]

Et si tu fais un alert(field) tu obtiens quoi comme valeur ?

[SunSyS]

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

[SunSyS]

Voici un bout de code "source"

Code :

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

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>

[Kerod]

Pourquoi tu n'utilises pas ceci :

Code :

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

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

[SunSyS]

J'ai essayé aussi mais ca ne marche pas !
Regarde le commentaire dans la fonction javascript.

[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 :

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

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

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

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

Quoi que je suis pas sur que l'id sous ce format passerait (à tester en gros)

[SunSyS]

merci pour ton aide je vais tester pour voir.
Je te tiens au courant.

[SunSyS]

Trop puissant Kerod, t'es mon sauveur.

Merci pour ton aide, ca marche apres 4h de galère, ca fait trop plaisir.

[Kerod]

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

Et surtout n'hésite pas avec les id