Discussion :

[whitespirit]

bonjour,

J'ai un tableau contenant en première colonne un checkbox. Ce code html+js me permet d'avoir un hover lors du passage de la souris

Code :

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

<tr class = "tab_tr_normal" onMouseOut="this.style.backgroundColor=col_tmp;" onMouseOver="col_tmp=this.style.backgroundColor;this.style.backgroundColor='#ebebeb'">

Je ne connais pas du tout ce formidable language Javascript mais je souhaiterai intérer une petite routine : lorsque je clique sur le checkbox, la ligne <tr> est mis en une couleur que j'aurai spécifié. Lorsque je décoche ce checkbox, je reviens à la couleur d'origine.

Peut-être que vous avez une solution simple ? J'ai beaucoup de mal à trouver une réponse en tappant sur la tête de google, alors je me tourne vers ce formidable forum.

Merci

[SpaceFrog]

as tu declaré ta variable col_temp en globale ?

Mais bon pour plus de sureté et eviter que ton col_temp ne prenne la couleur d'une autre ligne sue le onmousover de l'autre ligne :

Code :

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

<tr class = "tab_tr_normal" onMouseOut="this.style.backgroundColor=this.col_tmp;" onMouseOver="this.col_tmp=this.style.backgroundColor;this.style.backgroundColor='#ebebeb'">

[whitespirit]

Oui oui, cette partie fonctionne maintenant. Mais je souhaiterai ajouter un évènement de type onclick et on.. heu.. ondeclick ? Enfin, lorsqu'on clique sur la ligne, je change la couleur et lorsque clique une seconde fois, je remet la couleur d'origine (qui est stocké en tant que define chez moi)

[le_chomeur]

tu créer une méthode vérifiant la couleur au moment du click
si bleu alors rouge, si rouge alors bleu

[SpaceFrog]

Code :

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

<tr class = "tab_tr_normal" onMouseOut="this.style.backgroundColor=this.col_tmp;" onMouseOver="this.col_tmp=this.style.backgroundColor;this.style.backgroundColor='#ebebeb'" onclick="this.style.backgroundColor=(this.style.backgroundColor!=this.define)?this.define:'red'" define="yellow">

mais il ne conserve pas la couleur puisque le onmouseout le fait changer ...

faut il conserver la couleur ?

[le_chomeur]

pour ce que j'en ai compris oui :

Enfin, lorsqu'on clique sur la ligne, je change la couleur et lorsque clique une seconde fois, je remet la couleur d'origine (qui est stocké en tant que define chez moi)

[SpaceFrog]

il ne parle pas de quitter le tr .. juste de click ...

mais bon suffit de mettre un flag