Fonction pour changer le style d'une cellule à partir d un formulaire [Résolu]

[J_help]

Bonjour,
J ai une drop down list et un bouton ok pour valider tout ca et lancer une fonction status:

Code :

1
2
3
4
5
6
7
8
9
10
<p><b>West Wind</b></p>
<Form name="West_Wind_Form1">
MSN 0310
<SELECT name="msn_310">
<OPTION value="1">In Service</OPTION>
<OPTION value="2">Heavy Check</OPTION>
<OPTION value="3">AOG</OPTION>
</SELECT >
<INPUT type="button" name="go" Value= "Go!" onclick="Status(this.form.msn_310.value,310)"> 
<br>

Et j'aimerais que ma fonction change le style de la cellule

Code :

1
2
3
<tr>
     <td id="ID_310" width=100  align=center><b>0310</b></td>
</tr>

Par exemple: 1 = fond vert, 2 = fond orange, 3 = fond rouge, police balnche en gras. J imagine que je pourrais definir 3 class.

je sais pas trop comment faire pour l instant j ai ca:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script langage="text/javascript">
    function status(value1,value2)
    {
        if(value1==1)
            {
            }
        if(value1==2)
            {
            }
        if(value1==3)
            {
            }
    }
</script>

Merci pour votre aide !

[ornitho13]

Salut,

utilise le "getElementByID" :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script langage="text/javascript">
    function status(value1,value2)
    {
        if(value1==1)
            {
document.getElementById('ID_' + value2).style.backgroundColor = 'green';
            }
        if(value1==2)
            {
document.getElementById('ID_' + value2).style.backgroundColor = 'orange';
            }
        if(value1==3)
            {
document.getElementById('ID_' + value2).style.backgroundColor = 'red';
            }
    }
</script>

[dukej]

Envoyé par ornitho13

Salut,

utilise le "getElementByID" :

Code :

Code :

1
2
3
4
function status(colorIndex, id) {
    var color = ['green', 'orange', 'red'][colorIndex - 1];
    document.getElementById('ID_' + id).style.backgroundColor = color;
}

[J_help]

Merci à tous les deux !