DOM : attribuer / modifier dynamiquement un ID

Version imprimable

20/10/2009, 11h43
Protecteur59

DOM : attribuer / modifier dynamiquement un ID
Bonjour à tous,

Je rencontre un problème assez génant en javascript, et je ne comprend même pas comment est-ce possible ...

J'ai un input qui possède un identifiant "PieceNouveau"

En javascript je lui dit :
Code:

1 2 3 document.getElementById('PieceNouveau').name='PieceNew'; document.getElementById('PieceNouveau').id ='PieceNew'; document.getElementById('PieceNouveau').setAttribute('id','PieceNew');
Et juste après je lui dit :

Code:

alert(document.getElementById('PieceNouveau').id);

Dans l'alert il me met : "PieceNew"

Comment peut-il me mettre ça ? sachant que je l'appel par son Identifiant ...?
20/10/2009, 11h52
SPACHFR
Bonjour,

Je ne suis pas un spécialiste, mais je dirai à cause de l'instruction suivante
Code:

1 2 document.getElementById('PieceNouveau').setAttribute('id','PieceNew');
20/10/2009, 11h55
Protecteur59

Tout d'abord, merci pour ta réponse,

Mais en fait, ça je l'ai ajouté par la suite... car même sans cette ligne ça fonctionnait pas...

Alors je me suis dis... on va tenter avec un setAttribute... mais même ça ne change rien !
20/10/2009, 11h57
Matthieu2000

Citation:

Envoyé par Protecteur59

Comment peut-il me mettre ça ? sachant que je l'appel par son Identifiant ...?

Bonne chance pour la lecture des codes sources !

poses aussi la question pourquoi doit on permettre de modifier un identifiant ?
20/10/2009, 11h59
E.Bzz

Bonjour,
sous IE ?

A+

Que donne:

Code:

1
2
3
4
5
6
7
 
document.getElementById('PieceNouveau').id = 'PieceNew';
 
alert(document.getElementById('PieceNouveau').id);
 
//Puis essayer:
alert(document.getElementById('PieceNew').id);

20/10/2009, 12h02
E.Bzz

Heu ... ce n'est pas la peine d'essayer de faire fonctionner ce code.

Il ne faut pas modifier (ou tenter de modifier) les id !!

C'est une erreur d'analyse et/ou d'implémentation :mrgreen:

A+
20/10/2009, 12h05
Protecteur59

Les 2 alert me donne la même chose "PieceNew"

Sinon, c'est bien sous IE.

Et pourquoi avoir la possibilité de changer un ID?

Tout simplement pour mon cas, c'est un logiciel client, il est entièrement développé en Javascript / Ajax / Php / Mysql

Et ils peuvent ajouter plusieurs pièces... chaque fois qu'ils ajoutent une pièce, je recré une ligne en javascript "DOM", l'ancienne ligne doit modifier son ID avec l'identifiant SQL (pour permettre une modification)

je vient de tester avec ce script (ff IE)

aucunes raisons pour que sa marche pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<<html> 
<head> 
 
<script language='javascript'> 
 
function annoncerMonId(){ 
document.getElementById('monId').setAttribute('id','PieceNew');
if (document.getElementById('monId')){
alert(document.getElementById('monId').id);
}
else{
alert(document.getElementById('PieceNew').id); 
}
}
 </script> 
</head> 
<body> 
 
<span id='monId' onClick='annoncerMonId();'>Bonjour</span> 
 
</body> 
</html>

20/10/2009, 12h09
E.Bzz

Citation:

Envoyé par Protecteur59

chaque fois qu'ils ajoutent une pièce, je recré une ligne en javascript "DOM", l'ancienne ligne doit modifier son ID avec l'identifiant SQL (pour permettre une modification)

:nono:

Il faut détruire l'objet existant, puis le récréer avec son nouvel id, ce qui n'est pas la même chose ;)

Pour tes alert() :
1) l'attribution du name n'a pas dû fonctionner (cf. les post sur le sujet)
2) dans ton alert(), IE fait en fait référence au name et non à l'id (il mélange les 2)

Ce que tu constates est l'enchaînement de ces 2 points, amha

A+
20/10/2009, 12h10
vermine

Citation:

Envoyé par Protecteur59

Et ils peuvent ajouter plusieurs pièces... chaque fois qu'ils ajoutent une pièce, je recré une ligne en javascript "DOM", l'ancienne ligne doit modifier son ID avec l'identifiant SQL (pour permettre une modification)

Pq ne pas donner directement l'id SQL lors de la création de la pièce en DOM ? Et vous ne pouvez pas jouer sur les name plutôt que les id ?
20/10/2009, 12h12
Protecteur59

Ok, merci beaucoup tout le monde,

Au début j'étais parti pour détruire la ligne, mais je pensais que c'était possible sans passer par là :)

Au moins j'aurai appris quelque chose, et il faut toujours se fier à sa première id... (idée pardon) :D
20/10/2009, 12h13
kernelfailure

très curieux...

Comme si les ids étaient collectés sans être mis à jour par rapport au document.
Un objet genre 'document.ids' dont les propriétés seraient les ids ?

je vient de tester avec ce script (ff IE)

aucunes raisons pour que sa marche pas

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<<html> 
<head> 
 
<script language='javascript'> 
 
function annoncerMonId(){ 
document.getElementById('monId').setAttribute('id','PieceNew');
if (document.getElementById('monId')){
alert(document.getElementById('monId').id);
}
else{
alert(document.getElementById('PieceNew').id); 
}
}
 </script> 
</head> 
<body> 
 
<span id='monId' onClick='annoncerMonId();'>Bonjour</span> 
 
</body> 
</html>

20/10/2009, 16h27
E.Bzz

Citation:

Envoyé par E.Bzz

Heu ... ce n'est pas la peine d'essayer de faire fonctionner ce code.

Il ne faut pas modifier (ou tenter de modifier) les id !!

C'est une erreur d'analyse et/ou d'implémentation
20/10/2009, 16h36
SpaceFrog

accessoirement sous IE cette ligne :

Code:

document.getElementById('PieceNouveau').name='PieceNew';

ne sert à rien...
IE ne sait pas attribuer ou modifier un name dynamiquement (en runtime)