document.getElementsByName

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour,

Avec IE6 et Firefox 1.5 je n'obtient pas le même résultat avec document.getElementsByName
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 <html> <head> </head> <body onload="Test()"> <script> function Test() { alert(document.getElementsByName("toto").length); } </script> <ul name="toto"> <li>1</li> <li>2</li> </ul> <ul name="toto"> <li>1</li> <li>2</li> </ul> </body> </html>
Avec IE 6 J'ai 0 qui s'affiche
Avec Firefox J'ai 2.

Comment faire pour que sous IE j'ai 2 pour pouvoir accèder a mes éléments ?

Merci beaucoup pour votre aide

01/06/2007, 14h27
keul85

Le document.getElementByName de IE recherche en fait les éléments par leurs ID, d'où les résultats différents.

Citation:

Envoyé par Oberown

Comment faire pour que sous IE j'ai 2 pour pouvoir accèder a mes éléments ?

-> Je ne comprends pas cette phrase : tu as déjà 2 sous FF, il me semble.
01/06/2007, 14h36
SpaceFrog

un ul ne supporte pas le name semble-t-il

remplace name par id et cela focntionne sous Ie ce qui est une abberration car un id doit être unique !
01/06/2007, 14h36
Auteur

bonjour,

cf. http://www.developpez.net/forums/sho...d.php?t=284119

Bonjour,
s'il n'a pas (comme l'ID) pour contrainte d'être unique, les names identiques ne peuvent pas être associés à n'importe quoi.
Ils sont utilisés pour lier des éléments entre eux.
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 <html> <head> <script type="text/javascript"> function Test() { alert(document.getElementsByName("toto").length); alert(document.getElementsByName("tutu").length); } </script> </head> <body> < name="toto"> <li>1</li> <li>2</li> </ul> <input type="radio" name="tutu" value="0"> <input type="radio" name="tutu" value="1"> <br /> <input type="button" onclick="Test();" value="test"> </body> </html>
"name" n'est visiblement pas un attribut attendu pour <ul> (pour IE), d'où le 0 retourné.

EDIT : Oulha j'ai bien trainé pour répondre on dirait :aie:

01/06/2007, 14h56
SpaceFrog

les names sont plutot destinés à des élements de formulaires non ?
01/06/2007, 14h59
E.Bzz

Citation:

Envoyé par SpaceFrog

les names sont plutot destinés à des élements de formulaires non ?

J'étais d'abord parti là-dessus, mais sur d'autres sites, aucune contrainte de ce type n'est mentionnée (en clair). On ne peut que constater que les autre éléments (span, div, etc.) n'en sont pas pourvu.

... et puis <A> n'est pas un élément de formulaire, et pourtant ;)
01/06/2007, 15h21
SpaceFrog

pour la balise a ce n'est pas très étonnant parceque le name est une ancre ...
01/06/2007, 19h18
Shinuza

Bonjour,

L'attribut name est déprecated, donc évite de l'utiliser.
Utilise un ID et les methodes associées

J'ai fait ceci:

name remplacé par class
Puis

Code:

1
2
3
4
5
6
7
8
for(i = 0; i < document.getElementsByTagName("ul").length; i++)
	{
		if(document.getElementsByTagName("ul")[i].className == "toto")
                          {                           
                           var Toto = document.getElementsByTagName("ul")[i];
                           //Code divers
                          }
             }

04/06/2007, 15h04
E.Bzz

Citation:

Envoyé par Shinuza

L'attribut name est déprecated, donc évite de l'utiliser.
Utilise un ID et les methodes associées

Précise "pour les références aux objets".
Par ce que dit comme ça, ça peut prêter à confusion.
Et puis dans un <form>, ça peut servir :mrgreen:
04/06/2007, 15h08
SpaceFrog

sans name pour des boutons radio ...
on fait comment ?
04/06/2007, 17h27
Auteur

pourquoi chaque fois que je mets un lien vers une discussion ça passe à la trappe (la flemme de cliquer dessus) ?

Citation:

Envoyé par Auteur

bonjour,

cf. http://www.developpez.net/forums/sho...d.php?t=284119
04/06/2007, 17h37
E.Bzz

Citation:

Envoyé par Auteur

pourquoi chaque fois que je mets un lien vers une discussion ça passe à la trappe

:rire:

... PS : il est pas terrible le smiley "lol", vous trouvez pas ?
:mrgreen:
04/06/2007, 18h16
Auteur

Citation:

Envoyé par E.Bzz

Citation:

Envoyé par Auteur

pourquoi chaque fois que je mets un lien vers une discussion ça passe à la trappe

:rire:

... PS : il est pas terrible le smiley "lol", vous trouvez pas ?
:mrgreen:

:pleure:
bon, ça fera un post qui ira rejoindre le bêtisier :triste:
04/06/2007, 18h32
E.Bzz

Citation:

Envoyé par Auteur

:pleure:
bon, ça fera un post qui ira rejoindre le bêtisier :triste:

Meuh non ... moi je l'avais lu ton lien :calin:

A+
04/06/2007, 20h53
Shinuza

Citation:

Envoyé par SpaceFrog

sans name pour des boutons radio ...
on fait comment ?

Pourquoi pas de name sur ces elements?

Citation:

Envoyé par Shinuza

Pourquoi pas de name sur ces elements?

si justement il faut un name sur ces éléments, pour différencier les différents groupes :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<form style="width: 200px">
  <fieldset style="padding=10px">
    <legend>Groupe 1</legend>
        <input type="radio" id="idRadio1" name="GrpRadio1" checked="checked" />Option 11<br />
        <input type="radio" id="idRadio2" name="GrpRadio1" />Option 12<br />
        <input type="radio" id="idRadio3" name="GrpRadio1" />Option 13<br />
  </fieldset>
  <fieldset style="padding=10px">
    <legend>Groupe 2</legend>
        <input type="radio" id="idRadio4" name="GrpRadio2" checked="checked" />Option 21<br />
        <input type="radio" id="idRadio5" name="GrpRadio2" />Option 22<br />
        <input type="radio" id="idRadio6" name="GrpRadio2" />Option 23<br />
  </fieldset>
</form>

04/06/2007, 22h27
Gatsu35
Citation:
Envoyé par Auteur

Code:

1 2 <fieldset style="padding=10px">
:king:
On mettra ça sur le compte du pressé :D
04/06/2007, 22h53
Auteur
Citation:

Envoyé par Gatsu35

:king:
On mettra ça sur le compte du pressé :D

ah oui pas fait attention...:oops: Ceci dit j'ai testé le code avec le = et le padding est bien interprété :marteau:

Bien sûr il fallait lire :
Code:

1 2 style="padding: 10px"

Voir 40 message(s) de cette discussion en une page