Discussion :

[gitney]

Salut à tous,

Je désire lors d'un clic sur une div, créer un span. Une fois ce span créé je désire créer un input lorsque je clique sur le span. Puis supprimer cette input si je re-clic sur ce même span.

Malheureusement, pour une raison qui m'échappe, lorsque je clique sur le span, l'écouteur d'évènement est répété 2 fois ce qui invalide ma condition et le résultat est donc que l'input est d'abord créé puis supprimer dans le même event.

Voici 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
21
22
23
24
25
26
function create_or_delete_input(xx){
	for(var e = 0; e < xx.length; e++){
		xx[e].addEventListener('click',function(){
			if(this.className.indexOf('cochee') == -1){
				this.className += ' cochee';									  
				var input = document.createElement('input');
				this.appendChild(input);						  						   
			}
			if(this.className.indexOf('cochee') != -1){
				this.className = this.className.replace(' cochee','');
				this.removeChild(this.lastChild);					  
			}	
		},false);		
	}
}
function create_span(x){
	for(var ee = 0; ee < x.length; ee++){
		x[ee].addEventListener('click',function(){
			var span = document.createElement('span');
			span.innerHTML = 'azerazer'
			document.body.appendChild(span);
			create_or_delete_input(document.getElementsByTagName('span'))
		},false);
	}
}
create_span(document.getElementsByTagName('div'));

Est-ce que quelqu'un aurait une idée ?