Discussion :

[zyg]

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]

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]

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]

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]

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]

on peut se deplacer avec tab dans des td ?

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

[siddh]

ben regardes mon message de 9:03 ...

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

[siddh]

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

[zyg]

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

[zyg]

HOUPS !!

J'ai raté quelques messages, c'est quoi des inouts?!
Go to Google !!!

[siddh]

inputs, erreur de frappe a mon avis

[SpaceFrog]

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