Fonction pour changer le style d'une cellule à partir d un formulaire

Version imprimable

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 !

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>

Citation:

Envoyé par 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>

Code:

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

18/03/2011, 15h18
J_help

Merci à tous les deux !