OVH Cloud OVH Cloud

Tableau

4 réponses
Avatar
pyfux
Bonjour à tout les javascripteurs !

voila mon problème: je souhaite afficher un tableau sous forme
d'arborescence. Cad: les lignes sont décalées les unes par rapport au
autres.

J'y arrive grâce au <TH> et COLSPAN mais mon problème c'est la mise en
surbrillance d'une ligne qui contient plusieurs cellules (<TH>).
J'utilise le OnMouseOver et OnMouseOut pour modifier la classe du <TH>:
this.ClassName='..'

Mais comment faire pour faire cette surbrillance au passage de la souris
sur plusieures cellules ????

Merci de votre aide.
pyfux

P.S.: j'ai déjà essayé le TBODY et d'inclure les cellules dans un bloc
<DIV> sans succès.

4 réponses

Avatar
Joe le Bonka
pyfux wrote:
Bonjour à tout les javascripteurs !

voila mon problème: je souhaite afficher un tableau sous forme
d'arborescence. Cad: les lignes sont décalées les unes par rapport au
autres.

J'y arrive grâce au <TH> et COLSPAN mais mon problème c'est la mise en
surbrillance d'une ligne qui contient plusieurs cellules (<TH>).
J'utilise le OnMouseOver et OnMouseOut pour modifier la classe du
<TH>: this.ClassName='..'

Mais comment faire pour faire cette surbrillance au passage de la
souris sur plusieures cellules ????


Voilà comment je fais moi :
le OnMouseOver et le OnMouseOut, je les mets dans le tag TR qui définit la
ligne du tableau, et je change la couleur du fond pour faire la
surbrillance.

Avatar
ASM
pyfux wrote:
Bonjour à tout les javascripteurs !

mon problème c'est la mise en
surbrillance d'une ligne qui contient plusieurs cellules (<TH>).
J'utilise le OnMouseOver et OnMouseOut pour modifier la classe du <TH>:
this.ClassName='..'

Mais comment faire pour faire cette surbrillance au passage de la souris
sur plusieures cellules ????


ben ... c'est ce dont je parle dans 'setAttribute me donne du soucis'
ou presque ...
et soluce qui devrait (enfin !) fonctionner avec IE ici :
http://perso.wanadoo.fr/stephane.moriaux/truc/tables_highlight_cells_fr.htm
ou, seulement par css et une goute de JS (donc pas pour IE) :
http://perso.wanadoo.fr/stephane.moriaux/truc/tables_highlight_cells_css.htm

à adapter pour les TH ?

--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM
ASM wrote:

Mais comment faire pour faire cette surbrillance au passage de la
souris sur plusieures cellules ????


ben ... c'est ce dont je parle dans 'setAttribute me donne du soucis'


adaptation pour les rangées :
http://perso.wanadoo.fr/stephane.moriaux/truc/tables_highlight_rows_fr.htm

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
pyfux
ASM wrote:
ASM wrote:

Mais comment faire pour faire cette surbrillance au passage de la
souris sur plusieures cellules ????



ben ... c'est ce dont je parle dans 'setAttribute me donne du soucis'



adaptation pour les rangées :
http://perso.wanadoo.fr/stephane.moriaux/truc/tables_highlight_rows_fr.htm



Super ton approche et il me semble que c'est une bonne solution pour mon
problème. Je vais l'adapter à mes <TH>.

Merci
Pyfux