Zone réactive changeant de couleur par clics successifs

Bonjour,

Je cherche un moyen d'avoir une zone qui réagit de façon particulière. Un petit carré qui change de couleur quand on clique dessus. Blanc au départ, 1 clic dessus et il devient vert, 1 autre clic et il devient bleu, 1 autre clic et il devient rouge, 1 autre clic et il redevient blanc. Sachant qu'il y en aura une centaine par page, il faut que ce soit le plus léger possible. Quel est d'après vous la meilleure piste : xhtml direct, javascript ou css ?
Par ailleurs, l'état de chaque zone (sa couleur) doit être stockée dans une base de données pour une utilisation ultérieure.
Merci pour toute info ou idée.
Didier

Salut,

A priori, je dirais que tu as besoin de javascript (à moins de vouloir recharger ta page à chaque clic), d'un bouton "sauvegarder la partie" pour que la personne enregistre en base de données, et de pas grand chose d'autre.
Que représente tes carrés ? Les cases d'un jeu ?
L'utilisateur doit-il exprimer la volonté de sauvegarder ou la sauvegarde doit-elle se faire à chaque clic ?

C'est pour un formulaire de compétences pour des élèves, accessible en ligne. A côté de chaque compétence doit se trouver une case que l'élève fait changer de couleur pour indiquer si la compétence est acquise, moyennent acquise, pas acquise.
L'état du formulaire doit être sauvegardée automatiquement dans la base de données au cas où l'élève oublie.
Ce qui me fait un peu peur c'est le nombre d'infos à gérer sur une même page. Pour chaque compétence, il y a plusieurs évaluations, ce qui donne par exemple pour un chapitre 60 cases de couleur pour 20 compétences (le programme étant par ailleurs découpé en chapitres).
Merci pour ton aide.