[POO] setAttribute() et IE

**tom42** · 08/10/2007, 12h39

Bonjour,
J'ajoute des champs dans un formulaire dynamiquement. J'ajoute sur chaque champ des attributs mais IE ne permet pas d'ajouter n'import lesquels.
Cet exemple fonctionne tr�s bien avec Safari et FF mais pas avec IE6 et IE7

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" />
	<title>Essai</title>
	<script type="text/javascript" src="_javascript/utilitaire.js"></script>
	<script type="text/javascript">
		function ajouter(){
			var select = document.createElement("select");
 
                       //-----------------------------------------------------
                       // Ajout d'attribut
                       //-----------------------------------------------------
			select.setAttribute('onchange','modif();'); //Ne marche pas avec IE
			select.setAttribute('name','select');// Ne pose pas de problème
                       //-----------------------------------------------------
 
			var option1 = document.createElement("option");
			option1.value = "1";
			option1.innerHTML = "option 1";
			var option2 = document.createElement("option");
			option2.value = "2";
			option2.innerHTML = "option 2";
 
			select.appendChild(option1);
			select.appendChild(option2);
			document.getElementById('formulaire').appendChild(select);
		}
		function modif(){
			alert('modif');
		}
	</script>
</head>
<body>
	<?php
                print_r($_POST);
        ?>
	<form action="essai2.php" method="post" id="formulaire">
		<input type="button" name="b1" id="b1" onclick="ajouter();" value="ajouter" />
		<input type="submit" name="b2" id= "b2" value="submit" />
	</form>
</body>
</html>

L'attribut 'name' a bien �t� ajouter puisqu'une soumission du formulaire affiche bien [select] => n.
Mais l'attribut onchange n'a pas �t� ajout� (la fonction modif() n'est jamais appel�e).
J'ai aussi essay� avec select.onchange = 'select' mais �a ne marche pas non plus.
Des id�es?

**Shinuza** · 08/10/2007, 12h42

Salut,

Je pense qu'il faut que tu s�pares ton code applicatif (donc la fonction appel�e sur le onclick) du reste du code.

La syntaxe que utilise ne fonctionnera pas, il faut faire

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

select.onclick = modif

**SpaceFrog** · 08/10/2007, 13h15

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

select.onclick = function(){modif();}

**Shinuza** · 08/10/2007, 13h16

Envoy� par SpaceFrog

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

select.onclick = function(){modif();}

Javascript �tant un language relativement intelligent, les fonctions sont des objets, donc on peut y faire r�ference

**SpaceFrog** · 08/10/2007, 13h31

Je m'attendais � cette r�action de ta part

en l'occurence modif est en effet un objet fonction, et javascript est tout � fait capable de le reconnaitre comme tel.
Je pr�f�re toutefois ma syntaxe car elle est g�n�rique et permet d'attribuer aux �v�nements des fonctions anonymes.