modifier dynamiquement le style lors d'une selection

bonjour,

j'ai un tableau..avec la possibilité de séléctionner une ligne..
lors de la selection, le style par défaut de mon composant met toute la ligne en bleu et le contenu devient invisible..
comment modifier en javascript le style selectionné..

j'ai testé ceci mais ça ne fonctionne pas

Code:

---

1 2 3

var row = document.getElementById('id); row.style.backgroundColor='#FFDEDE';

---

Bonjour,
il manque une quote ...

Code:

---

document.getElementById('id_du_tr').style.backgroundColor='#FFDEDE';

---

devrait fonctionner ...

A+

Citation:

---

Envoyé par E.Bzz

Bonjour,
il manque une quote ...

Code:

---

document.getElementById('id_du_tr').style.backgroundColor='#FFDEDE';

---

devrait fonctionner ...

A+

---

merci..
l'id c'etait juste pour l'exemple, je recupere l'element avec une methode d'un framework ajax..
c'etait encore plus con que ça. je restais sur le meme IE et il n'a pas pris le dernier fichier js..

désolè. au fait, je voudrais changer le background juste à la selection d'une ligne , la solution ci-dessus garde la couleur meme quand la ligne n'est plus selectionnée..

Citation:

---

Envoyé par Sniper37

désolè. au fait, je voudrais changer le background juste à la selection d'une ligne , la solution ci-dessus garde la couleur meme quand la ligne n'est plus selectionnée..

---

L'instruction que tu nous donnes est pour le moins ... sortie de son contexte :mrgreen:
En supposant que tu la lances sur onclick :

Code:

---

1 2 3 4

var couleur_unselect = '#FFFFFF'; var couleur_select = '#FFDEDE'; var couleur_ligne = document.getElementById('id_du_tr').style.backgroundColor; couleur_ligne = (couleur_ligne == couleur_select) ? couleur_unselect : couleur_select;

---

A+

Citation:

---

Envoyé par E.Bzz

L'instruction que tu nous donnes est pour le moins ... sortie de son contexte :mrgreen:
En supposant que tu la lances sur onclick :

Code:

---

1 2 3 4

var couleur_unselect = '#FFFFFF'; var couleur_select = '#FFDEDE'; var couleur_ligne = document.getElementById('id_du_tr').style.backgroundColor; couleur_ligne = (couleur_ligne == couleur_select) ? couleur_unselect : couleur_select;

---

A+

---

ouii mais ça fait la meme chose ..

on peut faire dynamiquement le onClick dans le javascript..?

ma fonction ressemble a onClick..mais je n'ai pas la main dessus..je ne epux pas la modifier je suis obligé de surcharger le onClickj dans le javascript..

mercii

Citation:

---

Envoyé par Sniper37

ouii mais ça fait la meme chose ..

---

Non : là, si tu reclique, (pour déselectionner, a priori) ça doit remettre une autre couleur ...

Quant au reste, je n'ai pas vraiment compris :?

Des précisions ou un bout de code complémentaires seraient bienvenus ...

A+

Citation:

---

Envoyé par E.Bzz

Non : là, si tu reclique, (pour déselectionner, a priori) ça doit remettre une autre couleur ...

Quant au reste, je n'ai pas vraiment compris :?

Des précisions ou un bout de code complémentaires seraient bienvenus ...

A+

---

non le code ne fait rien...
tu voulais ajouter peu etre.

Code:

---

1 2 3

var element = document.getElementById('id'); element.style.backgroundColor= couleur_ligne ;

---

ceci laisse la ligne selectionner sans la modifier..

le context: j'utilise une dataGrid avec des fonctionnalité ajax, avec le style de ma page la séléction d'uen ligne cache le texte..je peux definir une fonction java script sur le listener de l'evenement onSelect et la je peux recuperer l'objet <tr>..mais je n'arrive pas modifier la couleur juste lors de la selection. ..
j'espère que c'est assez clair..c'est de la bidouille, mais je trouve pas comment modifier le style de la libraire..

Citation:

---

Envoyé par Sniper37

non le code ne fait rien...

---

Hum ... autant pour moi :oops:

Code:

---

1 2 3 4

var couleur_unselect = '#FFFFFF'; var couleur_select = '#FFDEDE'; var couleur_ligne = document.getElementById('id_du_tr').style.backgroundColor; document.getElementById('id_du_tr').style.backgroundColor = (couleur_ligne == couleur_select) ? couleur_unselect : couleur_select;

---

A+

re..bonjour..
je pense que je n'ai pas bien expliqué le probleme..en fait, quand je séléctionne la ligne, j'ai besoin de changer le style juste pour l'evenement du click.là je change le style pour la ligne..et le nouveau style reste actif apres le click..
sur un click d'une autre ligne on ne va pas garder en memoire les lignes précedement selectionnées..c'est pour cela que je ne comprend pas le test ci-dessus...

Comme quoi, on ne précise jamais assez ;)

Code:

---

1 2 3 4 5 6 7 8

var old_clic = ''; function selection_tr(un_id) { var couleur_unselect = '#FFFFFF'; var couleur_select = '#FFDEDE'; document.getElementById(un_id).style.backgroundColor = couleur_select; if (old_clic != '') document.getElementById(old_clic).style.backgroundColor = couleur_unselect; old_clic = un_id; }

---

A+

ça fait le meme comportement qu'avant..:(
je pense que je vais aarreter la bidouille, soit utiliser une solution propre soit changer de composant!!
merciii

Citation:

---

Envoyé par Sniper37

ça fait le meme comportement qu'avant..:(

---

Fais voir ton "adaptation" :roll:

A+

voilà a quoi ca ressemble:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

function dataGridSelect(event) { var menu=event.f_getComponent(); var row=event.f_getItem(); var old_clic = ''; var couleur_unselect = '#FFFFFF'; var couleur_select = '#FFDEDE'; row.style.backgroundColor = couleur_select; if (old_clic != '') row.style.backgroundColor = couleur_unselect; old_clic = row; alert('ok'); }

---

les lignes selectionnées, restent selectionées..ya pas un truc pour redefinir le onClick de l'object row de mon exemple..
dans ce cas je ferais xxxx.onClick='this.backgroundColor=...'


mercii

old_clic en variable locale n'a aucune chance de fonctionner.

Sous réserve que le reste de ton code fonctionne, il suffit de passer "old_clic" en variable globale ...

A+

... "row", c'est un ID ou un objet ?

Les 2 ne se traitent pas de la même manière (ce que tu fais ici) ...

A+

Citation:

---

Envoyé par E.Bzz

old_clic en variable locale n'a aucune chance de fonctionner.

Sous réserve que le reste de ton code fonctionne, il suffit de passer "old_clic" en variable globale ...
A+

---

ahh ok..

mercii biennn..