écrire dans un tableau affiché à l'écran

Bon, je sais que javascript c'est puissant mais quand même... mais je tente tout de même cette question à laquelle j'ai pas trouvé de réponse sur le net.

j'ai un tableau normalement codé :

Code:

---

1 2 3 4 5 6

<table> <tr> <td onClick=operation(a);></td> <td onClick=operation(b);></td> </tr> </table>

---

et je souhaiterai que la fonction operation inscrive dans la case où l'on clique, la valeur que je lui passe en argument.

Quelqu'un aurait-il une piste?

Merci

:salut:

je te rassure c'est plus que possible :mrgreen:. il y a 2 pistes, dans lesquelles tu devras rajouter un second argument à ta fonction : la cellule concernée.

• l'innerHTML (plus facile, plus rapide mais non standard) :
  Code:

  ---

  1 2 3 4

  function operation(cellule, valeur) { cellule.innerHTML = valeur; }

  ---

• le DOM (dans ce cas pas beaucoup plus difficile, et standard W3C :D) :
  Code:

  ---

  1 2 3 4 5 6 7 8

  function operation(cellule, valeur) { if(cellule.hasChildNodes()) { cellule.removeChild(cellule.firstChild); } cellule.appendChild(document.createTextNode(valeur)); }

  ---

tu appelles cette fonction par :

Code:

---

<td onclick="operation(this, prompt('Entrez quelque chose'));"></td>

---

ps : attention aux majuscules dans les noms d'événements ;)

surpuissant !!!!!!!!

mais pour effacer le texte?

>>> j'ai trouvé, pour ceux que ça intéresse :
var nb = referent.firstChild.nodeValue.length;
referent.firstChild.deleteData(0,nb);

en tous cas merci !

Citation:

---

Envoyé par grinder59

mais pour effacer le texte?

---

ah ben on peut imaginer plusieurs solutions... notamment se servir du texte par défaut de prompt() pour faire carrément un editeur de cellule...

Code:

---

<td onclick="operation(this, prompt('Entrez quelque chose', this.innerHTML));"></td>

---

de cette maniere l'utilisateur peut effacer le texte dans le prompt, et ça l'effacera dans la cellule ;)

de rien n'oublie pas le [Résolu] ;)