Bonjour,
J'ai un tableau HTML avec plusieurs colonnes et plusieurs lignes.
Chaque case est identifiée par un NumCase
A l'origine chaque case est blanche et contient 0
J'aimerai écrire une fonction MaFonction sur l'évènement ONCLICK, qui :
- incrémenterait de +1 la valeur contenue dans la case cliquée
- changerait la couleur de la case en fonction de l'incrémentation et d'un tableau de couleur
- mémoriserait l'ordre des cases cliquées (ça je sais faire)
ce qui me donne en simplifié :
<script type="text/javascript">
var DesCouleurs = Array("cyan","kaki","purple","yellow","red");
var HistoClick ='';
function MaFunction(dep)
{ HistoClick = HistoClick + ',' + dep;
NewColor = DesCouleurs(dep);
VarMachin = document.getElementById("MyTab");
?????????????????????
}
</script>
<table id='MyTab'><tr>
<td id='NumCase' bgcolor ='white' ONCLICK="javascript:MaFonction('NumCase');">0</td>
-------
</tr></table>
Mon problème, est que je n'arrive pas à changer la couleur de la case à partir de ma fonction.
Je ne me suis pas encore penché sur le changement de la valeur.
J'ai essayé avec
VarMachin = document.getElementById("NumCase");
Varmachin.this.style.backgroundColor = 'MyNewColor'"
Varmachin.style.backgroundColor = 'MyNewColor'"
Varmachin.backgroundColor = 'MyNewColor'"
mais je n'ai pas réussi.
En résumé, je n'arrive pas à trouver le "chemin d'accès direct" aux propriétés de la case <td> d'un tableau.
Votre aide sera la bienvenue.
PS: il se peut que je n'ai pas écrit au bon endroit, merci de m'en informer que je puisse déplacer cette demande d'aide
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Quand je ne dit rien, c'est que je ne sais pas.
Quand je demande c'est que je n'ai pas trouvé.
Quand je renseigne, c'est que le pense savoir
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~