Discussion :

[arcade_stg_master]

Hello, c'est encore moi je viens de passer une demi-journée sur ce problème

En faisant de l'ajax

Imaginons:

Je génère plusieurs boutons lors d'une boucle :

J'appel mon Div :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
place = Document.getElementById("blabla");
 
for(i=0;i<5;i++)
 
{
      bouton = Document.createElement("input");
      bouton.id = "bouton" + i;
      bouton.type = "button";
      bouton.value = "supprimer";
      enter = Document.createElement("br");
      place.appendChild(bouton);
      place.appendChild(enter);
}

Je n'ai trouvé aucun moyen de rendre autonome les boutons créés, j'ai même essayé avec des champs invisibles qui récupéraient en value l'id des boutons mais j'ai pas réussi a exploiter cette methode. Si quelqu'un a une idée.

[NoSmoking]

Bonjour,

Je n'ai trouvé aucun moyen de rendre autonome les boutons créés,...

oui mais encore

on notera également que, sauf si Document est défini par ailleurs dans ton code, on utilise document avec un d minuscule.

[arcade_stg_master]

En fait il s'agit d'un code sorti en one-shot pas testé juste pour donner une idée de ce que je veux faire, oui pour le document en D minuscule, j'ai pas voulu donner tout mon code trop long, il s'agit d'un JS près de 7 megas bourré de fonctions et d'objets en tout genre. Moi ce que je voudrais, c'est que lorsque je clique sur l'un des boutons, que chaque bouton ait une valeur particulière qui me permettrai d'attribuer une fonction différente pour chaque bouton de façon dynamique bien sûr. Car en l'état les boutons générés sont des occurrences et ne sont pas vraiment indépendants.

[NoSmoking]

il te suffit de leurs affecter une fonction sur l'événement onclick

exemple:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
place = document.getElementById("blabla");
for(i=0;i<5;i++){
  bouton = document.createElement("input");
  bouton.id = "bouton" + i;
  bouton.type = "button";
  bouton.value = "supprimer";
  bouton.onclick= function(){
      alert( this.id);
    };  
  enter = document.createElement("br");
  place.appendChild(bouton);
  place.appendChild(enter);
}

PS: je déplace sur javascript.

[vermine]

Bonjour,

Tout d'abord, je vous conseille de passer par une variable intermédiaire pour la gestion de l'id sinon vous allez avoir tous vos boutons avec le même id, à savoir, la dernière valeur de i. Et, tant qu'à faire, de ne pas avoir un id uniquement numérique (ce n'est pas bon !) :

Code :

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

1
2
3
 
var idBouton = i;
button.id = "id" + idBouton;

[vermine]

J'oubliais.

Pour le clic, vous pouvez ajouter cette instruction dans la boucle :

Code :

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

1
2
3
4
 
button.onclick = function(){
   alert(this.id);
}

[arcade_stg_master]

Merci beaucoup, je suis en train de revoir mes essais en commentaire et je n'étais pas très loin en fait

[NoSmoking]

Bonjour,

Tout d'abord, je vous conseille de passer par une variable intermédiaire pour la gestion de l'id sinon vous allez avoir tous vos boutons avec le même id, à savoir, la dernière valeur de i. Et, tant qu'à faire, de ne pas avoir un id uniquement numérique (ce n'est pas bon !) :

sur ce coup il n'y a pas de problème de perte de la référence du i attendu qu'il est indirectement stocké dans l'ID de l'objet au "fil de l'eau".

exemple

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
var i, oBtn, oBR, oDest = document.getElementById('destination');
for( i=0; i<5; i++){
  oBtn = document.createElement('INPUT');
  oBtn.id = 'bouton_' + i;
  oBtn.type = 'button';
  oBtn.value = 'supprimer';
  oBtn.onclick= function(){
      alert( this.id);
    };
  oBR = document.createElement('BR');
  oDest.appendChild(oBtn);
  oDest.appendChild(oBR);
}

@arcade_stg_master :
je te conseille de relire http://www.developpez.net/forums/d12...s/#post6644114
Et aussi : cours et tutoriels Node.js :https://nodejs.developpez.com/cours/
Node.js : le livre du débutant : https://nodejs.developpez.com/tutori...ivre-debutant/