modifier dynamiquement le style lors d'une selection

**Sniper37** · 11/10/2007, 13h32

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 :

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

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

**E.Bzz** · 11/10/2007, 14h26

Bonjour,
il manque une quote ...

Code :

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

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

devrait fonctionner ...

A+

**Sniper37** · 11/10/2007, 15h07

Envoyé par E.Bzz

Bonjour,
il manque une quote ...

Code :

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

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

**Sniper37** · 11/10/2007, 16h43

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

**E.Bzz** · 11/10/2007, 17h00

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

En supposant que tu la lances sur onclick :

Code :

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

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+

**Sniper37** · 11/10/2007, 17h17

Envoyé par E.Bzz

L'instruction que tu nous donnes est pour le moins ... sortie de son contexte

En supposant que tu la lances sur onclick :

Code :

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

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

**E.Bzz** · 11/10/2007, 17h36

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+

**Sniper37** · 11/10/2007, 18h05

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 :

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

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

**E.Bzz** · 12/10/2007, 09h17

Envoyé par Sniper37

non le code ne fait rien...

Hum ... autant pour moi

Code :

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

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+

**Sniper37** · 15/10/2007, 10h12

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

**E.Bzz** · 15/10/2007, 10h23

Comme quoi, on ne précise jamais assez

Code :

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

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+

**Sniper37** · 15/10/2007, 12h11

ç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

**E.Bzz** · 15/10/2007, 12h16

Envoyé par Sniper37

ça fait le meme comportement qu'avant..

Fais voir ton "adaptation"

A+

**Sniper37** · 15/10/2007, 12h31

voilà a quoi ca ressemble:

Code :

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

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

**E.Bzz** · 15/10/2007, 12h37

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+

**E.Bzz** · 15/10/2007, 12h39

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

**Sniper37** · 15/10/2007, 13h58

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

modifier dynamiquement le style lors d'une selection

JavaScript

Discussions similaires

Partager

Partager