innerHTML += et innerHTML -=

Bonjour,

dans une fonction je g�n�re des lignes en utilisant
objet.innerHTML += '<...code html.............<br>'

ca marche tr�s bien dans ce sens, les lignes s'ajoutent,
par contre je cherche maitenant � faire un bouton
"annuler dernier ajout"

et pensait faire un:
objet.innerHTML -= " "

pour par exemple mettre un espace vide � la place, ca ne marche pas,
j'obiens l'erreur NaN.

Auriez-vous une id�e pour faire marcher �a?
(mettre un espace blanc ou virer carr�ment la ligne, ou l'�lement? p-e en sp�cifiant son name ou id?)

merci d'avance.

effectivement...

Dans le contexte dans lequel tu utilises tes op�rateurs,
+ est un op�rateur de chaine (concat�nation) alors que,
- est l'op�rateur de soustraction...

le plus simple peut �tre, serait de garder dans une variable la valeur que tu veux ressortir...

Code:

---

1 2 3

oldInner = objet.innerHTML; objet.innerHTML += '<...code html.............<br>'

---

et quand tu en as besoin...

Code:

---

1 2	objet.innerHTML = oldInner;

---

je ne connais pas le volume des donn�es que tu veux ins�rer, mais si tu penses que c'est trop volumineux de garder ~2 fois le contenu, tu peux effectivement rajouter ton contenu dans des balises avec un id que tu stockes par exemple dans une variable lastInsertId (ca remplace le oldInner de mon premier exemple)

Ensuite, cet id te permettra de pouvoir manipuler l'�l�ment grace aux m�thodes que proposent le DOM...
Et si tu fais comme ca, tant que tu y es, ins�re aussi tes noeuds par le DOM plutot que par innerHTML qui ne fait pas partie des standards...

voici un cas d'application concret du truc:
je g�n�re des input ayant des valeurs diff�rentes � chaques fois,
(selon l'action utilisateur) et je les affiche pour v�rification
(une fois que j'aurais tout fait, je compte mettre le input en hidden, pour le transmettre � php incognito)

code d'insertion de la balise:

Code:

---

zone.innerHTML += '<input name="punct'+numero_pt+'" id="punct'+numero_pt+'" type="text" value="'+C.value+'" <br> />';

---

tout ceci ce place dans le div correspondant:

Code:

---

<div id="zone"></div>

---

L'idd�e du oldInner est une bonne id�e, par contre si l'user
veut 30 valeurs, il faut que je g�n�re un tableau avec les valeurs.
Faisable? je pense, mais il faut voir la taille des donn�es.

Mais le probl�me �tant que � l'affichage, cela n'efface pas l'input d'avant.
Bon au pire, je me suis dit que l'affichage m'importe peu, et que
comme on a d�cal� le innerHTML "d'un en avant", le prochain input
se ferait par dessus, mais ce n'est pas le cas:
la valeur affich�e l'est apr�s.

Donc si j'ai fait 3 input,
j'en "vire" un (inner=oldinner),
et j'en rajoute un (action du user)

je devrais avoir 3 valeurs, mais j'en ai 4 affich�es....

voici ce que je te propose et qui me semble finalement plus simple...

Bien sur ce code est � adapter pour �viter certains efets de bord (on ne doit pas pouvoir annuler avant d'avoir ins�r� le premier input)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

lastInsertId = 0; myZone = getElementById('zone');   //pour rajouter ton input lastInsertId++; myField = document.createElement('input'); myField.type = 'text'; myField.name = 'punct_' + lastInsertId; myField.id = 'punct_' + lastInsertId; myField.value = C.value; // c'est ici que tu ajoute réellement le input au document myZone.appendChild( myField );   //pour enlever le dernier input rajouté lastInsertId--; myZone.removeChild( 'punct_' + lastInsertId );

---

cette alternative devrait effectivement marcher!
J'avais d�j� vu l'�quivalent DOM du innerHTML dans un site
(JDN developpeurs), mais ne connaissait pas l'existence
de removeChild.

Du coup je vais adapter, et tester tout �a :)

Merci, encore!