Changement de style lors du focus sur une cellule

Version imprimable

22/12/2005, 16h50
zyg

Changement de style lors du focus sur une cellule

Bonjour,

Je voudrais que la ligne d'un tableau change de style lorsque le focus est sur une cellule de cette ligne.
Ca paraît simple mais je ne vois pas...

Merci de me donner un petit coup de main.
22/12/2005, 17h44
SpaceFrog

Code:

onfocus="this.style....."

ou avec des class

Code:

onfocus="this.classname='nouveaunomdeclass'"
23/12/2005, 09h01
zyg

Merci pour ces réponses.

-> SpaceFrog : les <td> ne prennent pas les évènements onFocs et onBlur, non? Ou tu penses à autre chose?

Le truc, c'est que je veux qu'une ligne d'un tableau de consultation change de couleur lorsque la personne navigue dedans par le biais de tabulation car autrement les cellules ne sont pas cliquables, donc je ne peux pas utiliser les onfocus et onBlur.

Je sais pas si je suis assez claire :?
23/12/2005, 09h03
siddh

Citation:

Envoyé par zyg

Le truc, c'est que je veux qu'une ligne d'un tableau de consultation change de couleur lorsque la personne navigue dedans par le biais de tabulation

8O
euh je suppose que tu as des inputs dans tes td non ?
a ce moment la, tu gère le onfocus de tes inputs et tu recupère la ligne en faisant deux parentNode successifs

tu veux modifier une ligne mais tu parles de td ???
et il semble bien que dans ta confusion tu sois quand même sur la bonne piste :P

en effet il semble que le tr ne puiss pas prendre de focus mais ce n'est pas le cas du td ...
Bon l'exemple en dessous est aboninable mais c'est juste pour montrer le principe...
il faudra en fait attribuer dynamiquement les onfocus et onblur dans les td ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table border="1" width="100%">
	<tr >
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
		<td  onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
	</tr>
	<tr>
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
		<td onfocus="this.parentNode.style.backgroundColor='red'" onblur="this.parentNode.style.backgroundColor='white'" width="25%">&nbsp;</td>
	</tr>

23/12/2005, 09h25
siddh

on peut se deplacer avec tab dans des td ?
23/12/2005, 09h26
SpaceFrog

non pourquoi c'est demandé ?

si c'est impératif, il ne reste plus qu'a construire un tableau avec des inouts au lieu des cellules ... coller des inouts les uns à coté des autres ...
23/12/2005, 09h32
siddh

ben regardes mon message de 9:03 ...
23/12/2005, 09h36
SpaceFrog

oui siddh mais je propose de ne pas utiliser de tableau du tout mais juste des inouts comme ça pas de parentNode du tout, juste le style de l'inout et de ceux de la ligne ...
23/12/2005, 09h41
siddh

oui ca on est bien d'accord !
ca me rassure pour le coup des tabulations dans les td sans input ;)
23/12/2005, 09h43
zyg

Citation:

on peut se deplacer avec tab dans des td ?

Avec les tabulations, la 1ère cellule d'une ligne est sélectionné.

Citation:

zyg a écrit:
Le truc, c'est que je veux qu'une ligne d'un tableau de consultation change de couleur lorsque la personne navigue dedans par le biais de tabulation

Shocked
euh je suppose que tu as des inputs dans tes td non ?

Je n'ai pas d'input car je récupère les données de la BD avec du XSLT.

-> SpaceFrog : En effet ça fonctionne mais pas quand je tabule (ça se dit ça...) dans mon tableau :?
23/12/2005, 09h45
zyg

HOUPS !!

J'ai raté quelques messages, c'est quoi des inouts?!
Go to Google !!!
23/12/2005, 09h53
siddh

inputs, erreur de frappe a mon avis
23/12/2005, 10h29
SpaceFrog

dsl un grand classique, certains de mes doigts réclammant l'indépendance ... souvent input devient inout :oops: