Discussion :

[grinder59]

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 :

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

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

[Invité]

je te rassure c'est plus que possible . 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 :

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

  1
  2
  3
  4
  function operation(cellule, valeur)
  {
    cellule.innerHTML = valeur;
  }

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

  Code :

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

  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 :

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

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

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

[grinder59]

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 !

[Invité]

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 :

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

<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]