Bug getElementsByName ( ) sous IE
Résolu
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
-
22 août 2006 à 08:17
Evangun Messages postés 1980 Date d'inscription dimanche 20 février 2005 Statut Membre Dernière intervention 24 septembre 2012 - 27 août 2006 à 16:21
Evangun Messages postés 1980 Date d'inscription dimanche 20 février 2005 Statut Membre Dernière intervention 24 septembre 2012 - 27 août 2006 à 16:21
A voir également:
- Econsbien
- Bug canva ✓ - Forum Delphi / Pascal
- Bug scrable - Forum IRC
- Ie scrable ✓ - Forum Java
- Getelementsbyname - Forum Javascript / DHTML
- Ie vba ✓ - Forum Visual Basic 6
14 réponses
econs
Messages postés
4030
Date d'inscription
mardi 13 mai 2003
Statut
Membre
Dernière intervention
23 décembre 2008
24
22 août 2006 à 08:30
22 août 2006 à 08:30
Salut,
La fonction getElementsByName() utilise en fait l'attribut ID et non le NAME dans IE.
Rajoute ce qui est en gras.
Manu
--------------------------------------------------------------------------------------------
Avant de poster un message, n'oubliez pas de consulter le reglement.
La fonction getElementsByName() utilise en fait l'attribut ID et non le NAME dans IE.
Rajoute ce qui est en gras.
Manu
--------------------------------------------------------------------------------------------
Avant de poster un message, n'oubliez pas de consulter le reglement.
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
22 août 2006 à 15:53
22 août 2006 à 15:53
alors avec IE, dans le 2ème exemple, ça baigne pas :
document.getElementsByName("artiste_1_sub").length = 0
si on met ID, comme suggéré par econs, bien entendu, il a raison : ça baigne
si on met textarea au lieu de tr.... ça baigne !
quelque chose m'échappe....
ou un bug du traitement des name sur TR par IE ?
cordialement Bul
Site
M'écrire
document.getElementsByName("artiste_1_sub").length = 0
si on met ID, comme suggéré par econs, bien entendu, il a raison : ça baigne
si on met textarea au lieu de tr.... ça baigne !
quelque chose m'échappe....
ou un bug du traitement des name sur TR par IE ?
cordialement Bul
Site
M'écrire
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
22 août 2006 à 16:14
22 août 2006 à 16:14
cs_roro06
Messages postés
732
Date d'inscription
jeudi 2 janvier 2003
Statut
Membre
Dernière intervention
29 octobre 2007
25 août 2006 à 10:04
25 août 2006 à 10:04
Bonjour
Pour mettre mon grain de sel :
On ne peut pas vraiment parler de bug, dans la mesure où name n'est pas un argument standard de la balise <tr>. Pas étonnant donc que certains navigateurs n'acceptent pas de retourner quelquechose par getElementsByName. cf ici : http://fr.selfhtml.org/html/reference/attributs.htm#tr
(alors que id est un argument "universel", c'est à dire qu'il est utilisable pour quasiment toutes les balises HTML. Mais tu as raison, en principe un id est unique)
Pour "compter le nombre d'objets ayant "artiste" pour Name", je te suggère de consulter la fonction getElementByAttribute (http://www.robertnyman.com/2006/01/23/monday-code-giveaway-getelementsbyattribute/)
Cordialement
Roro webDev
Pour mettre mon grain de sel :
On ne peut pas vraiment parler de bug, dans la mesure où name n'est pas un argument standard de la balise <tr>. Pas étonnant donc que certains navigateurs n'acceptent pas de retourner quelquechose par getElementsByName. cf ici : http://fr.selfhtml.org/html/reference/attributs.htm#tr
(alors que id est un argument "universel", c'est à dire qu'il est utilisable pour quasiment toutes les balises HTML. Mais tu as raison, en principe un id est unique)
Pour "compter le nombre d'objets ayant "artiste" pour Name", je te suggère de consulter la fonction getElementByAttribute (http://www.robertnyman.com/2006/01/23/monday-code-giveaway-getelementsbyattribute/)
Cordialement
Roro webDev
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
22 août 2006 à 10:22
22 août 2006 à 10:22
bonjour,
euh... chez moi, avec IE, tout baigne ?!!?
exemple tiré de SelfHtml ( alert ajouté, c'est tout )
<html><head><title>Test</title>
<style type="text/css">
<!--
.normal { font-style:normal }
-->
</style>
<script type="text/javascript">
<!--
function cocher()
{
document.getElementsByName("ingredient")[0].checked = true;
alert(document.getElementsByName("ingredient").length);
}
//-->
</script>
</head>
<form name="formulaire" action="">
Salami
champignons
olives
</form>
</html>
cordialement Bul
Site
M'écrire
euh... chez moi, avec IE, tout baigne ?!!?
exemple tiré de SelfHtml ( alert ajouté, c'est tout )
<html><head><title>Test</title>
<style type="text/css">
<!--
.normal { font-style:normal }
-->
</style>
<script type="text/javascript">
<!--
function cocher()
{
document.getElementsByName("ingredient")[0].checked = true;
alert(document.getElementsByName("ingredient").length);
}
//-->
</script>
</head>
<form name="formulaire" action="">
Salami
champignons
olives
</form>
</html>
cordialement Bul
Site
M'écrire
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
4
22 août 2006 à 15:27
22 août 2006 à 15:27
Bonjour, merci de m'avoir répondu aussi rapidement.
Après vérification, vous avez tous les deux raisons :
econs --> j'ai testé avec les id, c'est effectivement ça qu'il compte. Mais c'est embêtant, car théoriquement on n'est pas censé donner le même ID à plusieurs objets, même si ça marche.
Bultez --> getElementByName marche dans d'autres cas, je l'utilise moi-même souvent.
Alors je vous livre deux morceaux de code si vous voulez faire le test :
Le premier est celui de ma page en entier, le get Name ne marche pas.
Le deuxième est le même code où j'ai supprimé tout ce qui était superflu par rapport au getName. Et là ça marche.
Il y a donc une interférence quelque part. Je n'ai malheureusement pas le temps techniquement de faire un débuggage, donc je vais me débrouiller avec les ID.
J'attends un petit peu avant d'accepter vos réponses, si vous aviez d'autres suggestions avant. Merci encore
PS: pour tester le code, appuyez sur le deuxième P
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Music Test</title>
<meta name="robots" content="index,nofollow">
<link href="styles_communs.css" rel="stylesheet" type="text/css">
<link href="styles_disco.css" rel="stylesheet" type="text/css">
<script>
function expand(i){
if(expand[i] == '0'){
document.getElementById('img_'+i).src='./images/moins.gif';
expand[i] = '1';
var taille = document.getElementsByName('artiste_'+i+'_sub').length;
for(j=0; j<taille; j++){
document.getElementsByName('artiste_'+i+'_sub')[j].style.display = 'none';
}
}
else {
document.getElementById('img_'+i).src='./images/plus.gif';
expand[i] = '0';
var n = document.getElementsByName('artiste_'+i).length;
alert(n);
for(j=0; j<n; j++){
//document.getElementsByName('artiste_'+i+'_sub')[j].style.display = '';
}
}
}
var l=0; // l est la chanson de libre écoute active
function highlight(i){
if(i!=l){
document.getElementById('morceau_'+i).className='tr_selected';
}
}
function unhighlight(i){
if(i!=l){
document.getElementById('morceau_'+i).className='';
}
}
function select(i){
if(i!=l){
highlight(i);
m=l;
l=i;
if(m!=0){
unhighlight(m);
}
}
}
function check(){
var p=document.getElementsByName('artiste_1_sub').length;
alert(p);
}
</script>
</head>
ArtisteAlbumEcoutesSuppr.
<tr id=\"artiste_1\">
[styles_communs.css
<link href="styles_disco.css" rel="stylesheet" type="text/css">
<script>
function check(){
var p=document.getElementsByName('artiste_1_sub').length;
alert(p);
}
</script>
</head>
<tr id=\"artiste_1\">
] Sheryl Crow,
,
,
,
<tr name=\"artiste_1_sub\" id=\"morceau_1\" onmouseover=\"highlight('1');\" onmouseout=\"unhighlight('1');\" onclick=\"select('1');\">
Strong enough,
Tuesday night music club,
3,
su,
<tr name=\"artiste_1_sub\" id=\"morceau_2\" onmouseover=\"highlight('2');\" onmouseout=\"unhighlight('2');\" onclick=\"select('2');\">
Strong enough,
Tuesday night music club,
3,
su,
<tr name=\"artiste_1_sub\" id=\"morceau_3\" onmouseover=\"highlight('3');\" onmouseout=\"unhighlight('3');\" onclick=\"select('3');\">
Strong enough,
Tuesday night music club,
3,
su,
----
<a href="javascript: void(0)" onclick="check();"> Sheryl Crow,
,
,
,
</html>
Après vérification, vous avez tous les deux raisons :
econs --> j'ai testé avec les id, c'est effectivement ça qu'il compte. Mais c'est embêtant, car théoriquement on n'est pas censé donner le même ID à plusieurs objets, même si ça marche.
Bultez --> getElementByName marche dans d'autres cas, je l'utilise moi-même souvent.
Alors je vous livre deux morceaux de code si vous voulez faire le test :
Le premier est celui de ma page en entier, le get Name ne marche pas.
Le deuxième est le même code où j'ai supprimé tout ce qui était superflu par rapport au getName. Et là ça marche.
Il y a donc une interférence quelque part. Je n'ai malheureusement pas le temps techniquement de faire un débuggage, donc je vais me débrouiller avec les ID.
J'attends un petit peu avant d'accepter vos réponses, si vous aviez d'autres suggestions avant. Merci encore
PS: pour tester le code, appuyez sur le deuxième P
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Music Test</title>
<meta name="robots" content="index,nofollow">
<link href="styles_communs.css" rel="stylesheet" type="text/css">
<link href="styles_disco.css" rel="stylesheet" type="text/css">
<script>
function expand(i){
if(expand[i] == '0'){
document.getElementById('img_'+i).src='./images/moins.gif';
expand[i] = '1';
var taille = document.getElementsByName('artiste_'+i+'_sub').length;
for(j=0; j<taille; j++){
document.getElementsByName('artiste_'+i+'_sub')[j].style.display = 'none';
}
}
else {
document.getElementById('img_'+i).src='./images/plus.gif';
expand[i] = '0';
var n = document.getElementsByName('artiste_'+i).length;
alert(n);
for(j=0; j<n; j++){
//document.getElementsByName('artiste_'+i+'_sub')[j].style.display = '';
}
}
}
var l=0; // l est la chanson de libre écoute active
function highlight(i){
if(i!=l){
document.getElementById('morceau_'+i).className='tr_selected';
}
}
function unhighlight(i){
if(i!=l){
document.getElementById('morceau_'+i).className='';
}
}
function select(i){
if(i!=l){
highlight(i);
m=l;
l=i;
if(m!=0){
unhighlight(m);
}
}
}
function check(){
var p=document.getElementsByName('artiste_1_sub').length;
alert(p);
}
</script>
</head>
ArtisteAlbumEcoutesSuppr.
<tr id=\"artiste_1\">
[styles_communs.css
<link href="styles_disco.css" rel="stylesheet" type="text/css">
<script>
function check(){
var p=document.getElementsByName('artiste_1_sub').length;
alert(p);
}
</script>
</head>
<tr id=\"artiste_1\">
] Sheryl Crow,
,
,
,
<tr name=\"artiste_1_sub\" id=\"morceau_1\" onmouseover=\"highlight('1');\" onmouseout=\"unhighlight('1');\" onclick=\"select('1');\">
Strong enough,
Tuesday night music club,
3,
su,
<tr name=\"artiste_1_sub\" id=\"morceau_2\" onmouseover=\"highlight('2');\" onmouseout=\"unhighlight('2');\" onclick=\"select('2');\">
Strong enough,
Tuesday night music club,
3,
su,
<tr name=\"artiste_1_sub\" id=\"morceau_3\" onmouseover=\"highlight('3');\" onmouseout=\"unhighlight('3');\" onclick=\"select('3');\">
Strong enough,
Tuesday night music club,
3,
su,
----
<a href="javascript: void(0)" onclick="check();"> Sheryl Crow,
,
,
,
</html>
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
4
22 août 2006 à 15:52
22 août 2006 à 15:52
J'ai un peu honte de cette solution, mais ça marche bien sous IE et Firefox si j'écris :
<tr name="artiste_1_sub" id="artiste_1_sub" id="morceau_1">
</tr>
<tr name="artiste_1_sub" id="artiste_1_sub" id="morceau_2">
</tr>
eh oui, il y a bien 2 identiques et en plus 2 id par objet. J'ai peur que ça ne passe pas sur d'autres navigateurs mais bon, en attendant mieux...
<tr name="artiste_1_sub" id="artiste_1_sub" id="morceau_1">
</tr>
<tr name="artiste_1_sub" id="artiste_1_sub" id="morceau_2">
</tr>
eh oui, il y a bien 2 identiques et en plus 2 id par objet. J'ai peur que ça ne passe pas sur d'autres navigateurs mais bon, en attendant mieux...
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
22 août 2006 à 16:00
22 août 2006 à 16:00
mais plutôt que getelementByName,
pourquoi ne pas utiliser formulaire.artiste_1_sub ?
et si 1 "est variable" formulaire["artiste_"+numero+"_sub"]...
par exemple.
là syntaxe valide et ça fonctionne pour tous (?) les navigateurs
mais enfin... pas satisfaisant pour getElementByName.
cordialement Bul
Site
M'écrire
pourquoi ne pas utiliser formulaire.artiste_1_sub ?
et si 1 "est variable" formulaire["artiste_"+numero+"_sub"]...
par exemple.
là syntaxe valide et ça fonctionne pour tous (?) les navigateurs
mais enfin... pas satisfaisant pour getElementByName.
cordialement Bul
Site
M'écrire
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
4
22 août 2006 à 16:02
22 août 2006 à 16:02
ha non, je retire ce que j'ai dit, ça bloque une autre fonction. Et j'ai besoin de garder les id tels qu'ils existent déjà.
arg au secours !
arg au secours !
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
4
22 août 2006 à 16:05
22 août 2006 à 16:05
Merci Bultez, j'essaie tout de suite !
je n'ai pas du tout les réflexes Javascript : moi je me voyais partir dans le dom ou les champs cachés... à tout de suite
je n'ai pas du tout les réflexes Javascript : moi je me voyais partir dans le dom ou les champs cachés... à tout de suite
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
22 août 2006 à 16:09
22 août 2006 à 16:09
moi aussi, j'ai dit une connerie (**)
même avec frm["nom"] avec IE, çà ne semble pas marcher.
met des id différents ?
id="
"artiste_1_sub", id"="artiste_2_sub",....
et une boucle
i=1;
while document.getElementById("artiste_"+i+"_sub")
{
traitement de document.getElementById("artiste_"+i+"_sub")
i++;
}
cordialement Bul
Site M'écrire
** c'est pas la 1ère, mais je puis affirmer
que ce ne sera pas la dernière.
même avec frm["nom"] avec IE, çà ne semble pas marcher.
met des id différents ?
id="
"artiste_1_sub", id"="artiste_2_sub",....
et une boucle
i=1;
while document.getElementById("artiste_"+i+"_sub")
{
traitement de document.getElementById("artiste_"+i+"_sub")
i++;
}
cordialement Bul
Site M'écrire
** c'est pas la 1ère, mais je puis affirmer
que ce ne sera pas la dernière.
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
4
22 août 2006 à 17:04
22 août 2006 à 17:04
Tu m'as sauvé la vie Bultez ! et c'est pas la première fois :^)
Effectivement la solution était de jouer sur les variations d'ID.
Merci infiniment pour le temps que tu as passé sur mon problème.
Par contre, message à Internet Explorer : si un jour je te croise dans la rue... ^^
à+
Effectivement la solution était de jouer sur les variations d'ID.
Merci infiniment pour le temps que tu as passé sur mon problème.
Par contre, message à Internet Explorer : si un jour je te croise dans la rue... ^^
à+
cs_bultez
Messages postés
13615
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
30
23 août 2006 à 10:04
23 août 2006 à 10:04
Evangun
Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
4
27 août 2006 à 16:21
27 août 2006 à 16:21
Merci Roro, j'avais justement pensé à une fonction comme celle-là, et getElementByType par exemple ne marchait pas. Je pense que celle-ci me servira souvent. Il me semble en revanche que le .all n'est pas très correct niveau dom, non ? enfin c'est pas grave, je la réécrirai un jour s'il le faut
merci !
merci !
