Changement de style lors du focus sur une cellule

**zyg** · 22/12/2005, 16h50

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.

**SpaceFrog** · 22/12/2005, 17h44

Code :

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

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

ou avec des class

Code :

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

onfocus="this.classname='nouveaunomdeclass'"

**zyg** · 23/12/2005, 09h01

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

**siddh** · 23/12/2005, 09h03

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

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

**SpaceFrog** · 23/12/2005, 09h21

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

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 :

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

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>

**siddh** · 23/12/2005, 09h25

on peut se deplacer avec tab dans des td ?

**SpaceFrog** · 23/12/2005, 09h26

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 ...

**siddh** · 23/12/2005, 09h32

ben regardes mon message de 9:03 ...

**SpaceFrog** · 23/12/2005, 09h36

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 ...

**siddh** · 23/12/2005, 09h41

oui ca on est bien d'accord !
ca me rassure pour le coup des tabulations dans les td sans input

**zyg** · 23/12/2005, 09h43

on peut se deplacer avec tab dans des td ?

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

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