creation d'un div sous action d'un clique

Version imprimable

Bonjour,

j'ai fait en sorte qu'un div soit créé lorsque l'on clique sur un bouton, cela fonctionne bien.

Et j'aimerais qu'une image de ce div exécute une fonction javascript lorsque l'on clique dessus, je n'arrive pas à exécuter la moindre chose (meme pas alert('ee')).

Je vous met mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function addwebpage() { // recherche du noeud parent var divParent = document.getElementById('toto'); // création des nouveaux noeuds var newDiv = document.createElement('div'); var newImgX = document.createElement('img'); // paramétrage des nouveaux noeuds newDiv.id = 'eeere'; newImgX.src = 'images/x.png'; newImgX.title = 'Supprimer l\image'; newImgX.onclick = 'alert(\'e\')'; // raccord des noeuds divParent.appendChild(newDiv); newP.appendChild(newImgX); return true; }
J'ai l'impression que le
newImgX.onclick = 'alert(\'e\')'; ne sert à rien.

Sauriez vous comment faire?
Je vous remercie pour votre aide.

02/06/2008, 10h04
SpaceFrog

Code:

newImgX.onclick = function(){alert('e')};
02/06/2008, 10h08
vasilov

Merci, ca fonctionne très bien :)

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
function addwebpage() {
   // recherche du noeud parent
   var divParent = document.getElementById('toto');
 
   // création des nouveaux noeuds
   var newDiv = document.createElement('div');
   var newImgX = document.createElement('img');
 
   // paramétrage des nouveaux noeuds
   newDiv.id = 'eeere';
 
   newImgX.src = 'images/caddie2.png';
   newImgX.title = 'Supprimer l\image';
   newImgX.onclick = function (){alert('e')};
 
 	//Ajout de l'image dans la nouvelle div :
	newDiv.appendChild(newImgX);
	//ajout de la div contenant l'image dans le parent toto
   divParent.appendChild(newDiv);
 
   return true;
}
</script>
</head>
 
<body>
toto
<img src="images/caddie2.png" />
<input type="button" value="ajouter" onclick="addwebpage()" />
<div id="toto">
</div>
titi
</body>
</html>

edit : arf toujours aussi réactif le spaffy ;)

02/06/2008, 10h54
vasilov

Je rajoute une question dans le meme ordre de problème, j'aimerais que l'élément créé appartienne à une class (pour correspondre à une definition CSS)

Mais

Code:

newInputMenuWeight.class = 'eeeee';

n'a pas d'effet.

Sauriez vous comment faire?
Merci

EDIT : il faut utiliser

Code:

newInputMenuWeight.className = 'eeeee';
02/06/2008, 11h07
tusssss

Citation:

Envoyé par vasilov

EDIT : il faut utiliser

Code:

newInputMenuWeight.className = 'eeeee';

Exact, c'est ce qu'il faut faire :D C'est marrant comme quand on post, parfois la solution nous apparait parce qu'en essayant d'expliquer le problème, on comprend l'erreur.
02/06/2008, 11h17
SpaceFrog

Tu devrais aller jeter un oeil par là ...

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