Discussion :

[richton95]

Bonjour, je suis débutant, voicis mon PB

j'ai une page html dans laquel j'affiche une liste de logiciels avec pour chaque logiciel une liste déroulante et 3 bouton radio.
Pour chaque logiciel l'utilisateur doit cocher un bouton radio, et si il coche le premier il doit séléctionner un élément dans la liste.
Le problème c'est que le nombre de logiciel est variable. Pour faire ma vérification j'utilise donc GetElementsByName et une boucle.

mes listes déroulantes s'appellent
corres1 corres 2 etc....
et mes boutons radio type1 type2 etcc
exemple:

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
 
 <tr>
                                         <td class="maLigne"><input type="hidden" name= "nom0" value="Correctif Windows XP - KB871250">Correctif Windows XP - KB871250</td>
                                         <td class="maLigne"><SELECT name="corres0" size="1">
                                       <option  value="0" selected="selected">Faites un choix</option>
                                                                              </SELECT></td>
                                       <td class="maLigne"><input type="radio" name="type0" value="kea"></td>
                                       <td class="maLigne"><input type="radio" name="type0" value="non_kea"></td>
                                       <td class="maLigne"><input type="radio" name="type0" value="ignored"></td>
                                    </tr>
 
                                     <tr>
                                         <td class="maLigne"><input type="hidden" name= "nom1" value="Correctif Windows XP - KB873333">Correctif Windows XP - KB873333</td>
                                         <td class="maLigne"><SELECT name="corres1" size="1">
                                       <option  value="0" selected="selected">Faites un choix</option>
                                                                              </SELECT></td>
                                       <td class="maLigne"><input type="radio" name="type1" value="kea"></td>
                                       <td class="maLigne"><input type="radio" name="type1" value="non_kea"></td>
                                       <td class="maLigne"><input type="radio" name="type1" value="ignored"></td>
                                    </tr>

Voicis mon code javascript
( vali correspond au nombre maximal de logiciel affiché)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
for(i=0; i<= document.ajout.vali.value; i++)
        {
 
 
 
            if (document.getElementsByName("type"+i)[0].checked == true  && document.getElementsByName("corres"+i).SelectedIndex == 0)
            {
 
                alert("Veuillez choisir une correspondance avec ce logiciel");
                return;
            }
        }

mais je me retrouve avec l'erreur suivante:

Erreur : document.getElementsByName("type" + i)[0] has no properties

si qqn peut m'aider...MERCI

[SpaceFrog]

ton script est lancé à quel moment ?

[richton95]

lorsque je clique sur un bouton que j'ai mis en bas de la page

Code :

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

1
2
 
<input type="button" value="valider" onClick="javascript:mafonction();">

[SpaceFrog]

ce petit test fonctionne ...

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
25
26
27
<table border="1" width="100%">
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%"><input type="radio" name="nom1" /></td>
        <td width="34%">&nbsp;</td>
    </tr>
    <tr>
        <td width="33%">&nbsp;</td>
        <td width="33%">&nbsp;</td>
        <td width="34%">&nbsp;</td>
    </tr>
 
 
</table>
<script type='text/javascript'>
alert(document.getElementsByName('nom1').length)
</script>

[richton95]

oui j'ai '1' qui s'affiche. c'était un test pour voir si ca fonctionne ou une idée pour résoudre mon pb ? si tu pouvais m'éclairer
Merci

[SpaceFrog]

ben je sais pas moi c'est ta boucle qui n'est pas bonne ...

Code :

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

for(i=0; i<= document.ajout.vali.value; i++)

et surtour cette partie là

Code :

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

i<= document.ajout.vali.value;

à mon avis tu sors des indices des éléments existants ...

fais un alert sur le i tu verras bein sur lequel il plante ...

[siddh]

c est un s minuscule a selectedIndex

[richton95]

apres vérif c'est au niveau du selectedIndex que y'a un PB, car si la case est coché il m'affiche bien le message ok (cf code en dessous) mais pas le "veuillez choisir...."

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
 
function checkinven()
 { 
 
  for(i=0; i<=document.ajout.vali.value; i++)
  {
 
   if (document.getElementsByName("type"+i+"")[0].checked == true)
   {
    alert("ok");
    if (document.getElementsByName("corres"+i+"").selectedIndex == 0)
    {
    alert("Veuillez choisir une correspondance avec ce logiciel");
    return;
    }
   }
  }
 
  alert("envoi");
 }

[javatwister]

bah, tu oublies de demander l'indice de l'élément recherché...

Code :

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

document.getElementsByName("corres"+i+"")[0]...;

[richton95]

Je ne comprend pas quel indice, peux u me donner un ex stp
Merci