getElementById sous Firefox

Version imprimable

Salut à tous,
Voilà j'ai ce code qui tourne bien en IE mais je suis en train de tester en firefox mais ça n'affiche rien sans erreur javascript ni rien:roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
		element_loi=document.getElementById('select5');   
		elementSelect = document.getElementById('select4');
		listSelected = "";
        for ( var i=0; i<elementSelect.options.length; i++) {
         if ( elementSelect.options[i].selected == true ) {
          listSelected += elementSelect.options[i].value+";";
         }
        }
        form.liste_departement.value= listSelected;
        listSelected = "";
        for ( var i=0; i<element_loi.options.length; i++) {
         if ( element_loi.options[i].selected == true ) {
          listSelected += element_loi.options[i].value+";";
         } 
        }  
        form.liste_loi.value= listSelected;

Si qq'un peut m'aider à resoudre ce problème:cry: .
Merci d'avance

06/12/2006, 10h38
trotters213

:salut:
Utilises la Web dDeveloper Toolbar de firefox pour essayer de cerner ton erreur.
06/12/2006, 11h01
Rajhonson

Merci trotters213,alors j'ai cet l'erreur "elementSelect has no propreties"

Code:

for ( var i=0; i<elementSelect.options.length; i++) {

:?
et comment pourrai_je alors avoir les elements:( si tu peux me donner un petit coup de main:roll:
06/12/2006, 11h14
trotters213

Cela veut dire que ton elementSelect ne contient pas ce que tu penses, il doit surement être null.
06/12/2006, 15h07
Matthieu2000

vire le var et ajout des attribut id à tes select !

Citation:

Envoyé par Matthieu2000

vire le var et ajout des attribut id à tes select !

Enfin : utilise les id au lieu des name, et déclare des variables au début de la fonction.

Avec ce code par exemple, je n'ai aucun problème :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function liste()
{
   var element_loi, elementSelect;
   var listSelected, i;
 
	    element_loi=document.getElementById('select5');
		elementSelect = document.getElementById('select4');
		listSelected = "";
        for (i=0; i<elementSelect.options.length; i++)
        {
         if ( elementSelect.options[i].selected == true ) 
         {
          listSelected += elementSelect.options[i].value+";";
         }
        }
        form.liste_departement.value= listSelected;
        listSelected = "";
        for ( i=0; i<element_loi.options.length; i++)
        {
         if ( element_loi.options[i].selected == true ) 
         {
          listSelected += element_loi.options[i].value+";";
         }
        }
        form.liste_loi.value= listSelected;
}
 
//-->
</script>
 
</head>
 
<body>
<form name="form" method="post">
 
<select size="5" id="select4" multiple="multiple">
    <option selected value="dept1" >dep 1</option>
    <option value="dept2">dep 2</option>
    <option value="dept3">dep 3</option>
    <option value="dept4">dep 4</option>
    <option value="dept5">dep 5</option>
    <option value="dept6">dep 6</option>
</select>
<textarea rows="2" cols="20" name="liste_departement">
</textarea>
 
<select size="5" id="select5" multiple="multiple">
    <option selected value="dept1">dep 1</option>
    <option value="dept2">dep 2</option>
    <option value="dept3">dep 3</option>
    <option value="dept4">dep 4</option>
    <option value="dept5">dep 5</option>
    <option value="dept6">dep 6</option>
</select>
<textarea rows="2" cols="20" name="liste_loi">
</textarea>
 
<input type="button" value="Bouton" id="idButton" onclick="liste()">
 
</form>
</body>
 
</html>

Si ce n'est que Firefox me donne des avertissements :

Citation:

Avertissement : Élément référencé par son ID/NAME dans le contexte global. Utilisez la propriété standard du W3C document.getElementById() à la place.
Fichier Source : file:///c:/Mes%20documents/test.htm
Ligne : 31

ce qui veut qu'au lieu d'écrire :

Code:

1
2
 
        form.liste_loi.value= listSelected;

écris :

Code:

1
2
 
document.getElementById("liste_loi").value= listSelected;

et remplace les name par les id.