creation d'un div sous action d'un clique

**vasilov** · 02/06/2008, 09h58

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 :

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
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.

**SpaceFrog** · 02/06/2008, 10h04

Code :

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

   newImgX.onclick = function(){alert('e')};

**vasilov** · 02/06/2008, 10h08

Merci, ca fonctionne très bien

**le_chomeur** · 02/06/2008, 10h12

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
 
<!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

**vasilov** · 02/06/2008, 10h54

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 :

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

 newInputMenuWeight.class = 'eeeee';

n'a pas d'effet.

Sauriez vous comment faire?
Merci

EDIT : il faut utiliser

Code :

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

 newInputMenuWeight.className = 'eeeee';

**tusssss** · 02/06/2008, 11h07

Envoyé par vasilov

EDIT : il faut utiliser

Code :

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

 newInputMenuWeight.className = 'eeeee';

Exact, c'est ce qu'il faut faire

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.

**SpaceFrog** · 02/06/2008, 11h17

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

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

creation d'un div sous action d'un clique

JavaScript

Vue hybride

Discussions similaires

Partager

Partager