IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

appendChild et removeChild sur un event onclick


Sujet :

JavaScript

  1. #1
    Membre du Club
    Homme Profil pro
    Inscrit en
    Février 2013
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Février 2013
    Messages : 58
    Points : 41
    Points
    41
    Par défaut appendChild et removeChild sur un event onclick
    Salut à tous,

    Je souhaiterai au click sur ma window ajouter un label + text qui vient d'un tableau et qui changerait à chaque fois.

    Par exemple je voudrai ici que je clique et que ça fasse 'one', puis reclick , ca efface le 'one' et on met le 'two' à la place etc..

    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
    var addAnswer = (function() {
     
       var label;
       var text;
     
       return function (array_output) {
     
     
      label.parentNode.removeChild(label);
      label.removeChild(text);
      text = null;
      label = null;
     
     
      label = document.createElement('label');
      text = document.createTextNode(array_output[i]);
     
      document.body.appendChild(label)
      label.appendChild(text);
     
     };
     
    }());
     
    var tab = ['one', 'two','three','four','five']  
    var label = document.createElement('label');
    var i = 0;
     
    window.onclick = function () {
     
         addAnswer(tab);   
         i++;    
    }
    Est-ce que quelqu'un aurait une idée?

  2. #2
    Membre du Club
    Homme Profil pro
    Inscrit en
    Février 2013
    Messages
    58
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Février 2013
    Messages : 58
    Points : 41
    Points
    41
    Par défaut
    Ok j'ai finalement trouvé:

    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
    var addAnswer = (function() {
     
      var label;
      var text;
     
      return function (array_output) {
     
    	if(label) {	
     
          label.parentNode.removeChild(label);
    	  label.removeChild(text);
    	  text = null;
          label = null;
     
     
          label = document.createElement('label');
    	  text = document.createTextNode(array_output[i++]);
     
    	  document.body.appendChild(label)
    	  label.appendChild(text);
     
    	}else{
     
    	  label = document.createElement('label');
    	  text = document.createTextNode(array_output[i]);
     
    	  document.body.appendChild(label)
    	  label.appendChild(text);
    	}
      };
     
    }());
     
    	var tab = ['one', 'two','three','four','five']	
    	var label = document.createElement('label');
    	var i = 0;
     
    	window.onclick = function () {
     
    		 addAnswer(tab);	
    	}

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Dojo] Ecouter un event "onclick" sur un bouton avec Dojo 1.7
    Par andlio dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 28/12/2011, 01h51
  2. event sur radio buttons : onclick, setTimeout,onchange
    Par Pallando dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/06/2008, 12h25
  3. 2 evenements sur un seul onclick..possible ou pas
    Par michka999 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 28/08/2006, 16h01
  4. [VB.NET] ImageButton dynamique et event onclick
    Par skoozy dans le forum Windows Forms
    Réponses: 2
    Dernier message: 01/06/2006, 14h44
  5. document.createElement & event onclick
    Par tartanfion dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 08/01/2006, 18h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo