Discussion :

[grinder59]

Salut,

Je dispose d'un tableau et et dans chaque case je place un fonction JS qui permet, au premier clic, de mettre un texte ou, au second clic, de supprimer le texte que je viens de mettre. Tout cela sans rechargement de page. Voici le code qui permet d'ajouter le texte :

Code :

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

1
2
 
t.appendChild(document.createTextNode('mon texte'));

t étant la case sur laquelle je viens de cliquer

et voici la code permettant de supprimer le texte :

Code :

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

1
2
3
 
var nb = t.firstChild.nodeValue.length;
t.firstChild.deleteData(0,nb);

Fonctionnement :
1. je clique : le texte s'affiche
2. je reclique (même case) : le texte disparait
3. je re reclique (même case) : le texte réapparait
4. je re re reclique (même case) : le texte ne disparait pas


Je pense que c'est pas grand chose, mais comme je ne maitrise pas bien le DOM, si quelqu'un a une idée, je suis preneur.

Merci

[Invité]

ta fonction d'ajout crée à chaque fois un nouveau noeud, alors que ta fonction de retrait n'enleve pas un noeud mais de données du dernier noeud. il faut harmoniser :
-> soit tes 2 fonctions travailllent sur des noeuds (appendChild et removeChild)
-> soit tes 2 fonctions travaillent sur les données d'un noeud existant (appendData et removeData)

voilou

[siddh]

en clair :

Code :

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

1
2
 
t.removeChild(t.firstChild);

[grinder59]

en effet ça fonctionne. Je pensais que le DeleteData permettait de supprimer le noeud en supprimant le texte... n'importe quoi moi...


Merci en tous cas...