Discussion :

[simondll]

Bonsoir à tous,

Je débute avec le JavaScript donc peut-être (et même certainement) que la solution devrait être simple

J'ai une fonction me permettant d'ajouter autant que l'utilisateur le désire de champs, mon problème est que si j'ajoute un champ et que je le rempli et que j'en ajoute à nouveau, ce premier champ remplis se videra ...

Y a-t-il un moyen d'éviter qu'il ne se vide ?

Voici ma fonction toute simple au final...

Code :

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

1
2
3
4
5
6
 
function addPoint() {
	var input = addInput.innerHTML;
	addInput.innerHTML = input + compteur + " " + '<input type="text" id="point' + compteur + 'D" placeholder="D" maxlength="5" /><br />\n';
	compteur++;
}

J'espère m'être bien expliqué (le cas est simple mais difficile à illustrer).

D'avance merci
Simon

[NoSmoking]

Bonjour,
ici on est en face de la limite de l'utilisation de innerHTML, avec les INPUT et autres la value en cours ne fait pas partie du innerHTML du contenant, il te faut donc passer par les méthodes de création du DOM.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function addPoint() {
  // création de l'INPUT et ajout des 'attribut'
  var oInput = document.createElement('INPUT');
  oInput.id = 'point' +compteur;
  oInput.placeholder = 'D';
  // ajout info compteur
  addInput.appendChild( document.createTextNode( compteur));
  // ajout INPUT
  addInput.appendChild( oInput);
  // ajout retour ligne
  addInput.appendChild( document.createElement('BR'));
  compteur++;
}

[simondll]

Un tout grand merci à vous cela résout bien mon problème !

[Bovino]

Ca me rappelle quelque chose tout ça !

[NoSmoking]

en effet même si ce n'est pas la même chose c'est la même cause innerHTML.

PS: sacré mémoire, il fallait la retrouver celle là 10/09/2010, 21h58