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:
Est-ce que quelqu'un aurait une idée ?
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'));
Partager