Comment puis-je modifier le HTML de la table de couleur de la cellule sur le clic

Je suis en train de modifier la couleur de fond d'un tableau HTML cellule lorsque l'utilisateur clique sur la cellule. Des idées sur comment faire cela? J'ai accès à la JS Prototype de bibliothèque, donc des suggestions pour de Prototype ou de droite Javascript serait la bienvenue.

OriginalL'auteur Rohan | 2010-09-15

  1. 3

    Laid, mais il montre l'effet:

      <table>
    <tr>
        <td onclick="this.style.backgroundColor = 'Red';">Sample</td>
        <td onclick="this.style.backgroundColor = 'Blue';">Data</td>
    </tr>
  </table>

    OriginalL'auteur Larsenal

  2. 0

    Je ne suis pas très versé dans le Prototype de cadre, mais voici quelques premières Javascript qui va faire ce que vous cherchez:

    var table = document.getElementsByTagName('table')[0];
if(table) table.onclick = function(e) {
    var target = (e || window.event).target;
    if (target.tagName in {TD:1, TH:1})
        target.setAttribute('style', 'background-color: #F00');
};​

    Tester sur jsFiddle

    OriginalL'auteur Kevin

  3. 0

    Vous pourriez boucle sur tous les enfants de la table et cliquez sur ajouter un événement à eux

    prototype le code est:

    $('your_table').observe('click', function(event) {
  var clickedCell = event.findElement('td');
  if (clickedCell) {
   clickedCell.setStyle({ background: '#dfd' });
  }
});

    OriginalL'auteur lock