[POO] Modification attribut name sous IE

**anankee** · 07/10/2008, 21h59

Bonjour,

Je cherche à pouvoir modifier l'attribut name d'une balise en javascript avec IE.
Pour FF, pas de souci = setAttribute.

Après quelques recherches, j'ai pu lire que name ne pouvait être modifié après avoir été créé, entre-autre chose.

Est-ce vrai ? Certains ont-ils trouvé une solution de contournement ? Attention, Je veux modifier l'attribut et non le supprimer pour le recréer ensuite.

J'ai essayé avec des document.getelementById.name = "abcde" ou document.getelementById.childNodes[x].name ="abcde" mais sans résultat.

une p'tite idée

**Auteur** · 07/10/2008, 22h09

bonjour,

si ça marche (IE 7 et FF) :

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
 
<head>
 
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
 
 
 
<script type="text/javascript">
<!--
function changeNom()
{
  document.getElementById("idCoucou").name = "salut";
}
function verif()
{
  alert(document.getElementById("idCoucou").name);
}
//-->
</script>
 
</head>
 
<body>
 
<form>
<div>
 
<input type="text" name="coucou" id="idCoucou" />
 
<input type="button" onclick="changeNom()" value="change nom"/>
<input type="button" onclick="verif()" value="vérifier"/>
 
</div>
</form>
 
</body>
 
</html>

1- Clique sur le bouton "vérifier" ça affichera "coucou"
2- Clique sur le bouton "change nom"
3- Clique sur le bouton "vérifier" ça affichera "salut"

**SpaceFrog** · 08/10/2008, 08h35

Ce n'est malheureusement pas aussi simple ..

IE n'aacepte pas la modifiaction du name de façon dynamique, ou tout du moins si il semble l'accepter avec le test de l'alert, pour des éléments de formulaire, il ne sont pas reconnus àprès coté serveur...

le seul moyen de donner dynamiquemnet un name à un objet de formulaire pour que celui ci soit reconnu par le serveur est de le faire au moment de la creation

Code :

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

document.createElement('<input name="xxx" />'

Je te conseille à ce propos d'aller faire un tour dans les contributions javascript ou j'ai posté un article et une petite librairie sosu le nom "FORM DYMAMIQUE mais pas que from ..."

**anankee** · 08/10/2008, 10h36

Je confirme que même si aucune erreur ne ressort sous IE quand on utilise setattibute ou .name ="new NOM", même si le resultat de l'alert affiche bien le changement, rien de change dans le code source de la page générée.

SpaceFrog, apparemment, tu valides que l'on ne peut pas modifier le name après sa création et donc on est obligé de supprimer la balise entière puis de la recréer pour "modifier" son name

Merci

**SpaceFrog** · 08/10/2008, 10h44

je confirme tu es obliger de supprimer et de recréer

ceci étant tu peux faire une routine de "clonage" pour tous les autres attributs ...

suffit de créer le nouveau avec son name , puis de scanner les propriétés de l'ancien pour les attribuer au nouveau et enfin detruire l'ancien

[POO] Modification attribut name sous IE

JavaScript

Discussions similaires

Partager

Partager