Code javascript qui parcours un tableau

Version imprimable

26/03/2006, 21h50
Taz_8626

Code javascript qui parcours un tableau

SAlut je voudrais savoir comment faire un script en javascript pour parcourir un tableau en fait j'ai mon tableau est composé de checkbox (case à cochée) et je voudrais faire pour chaque événement de la souris c'està dire cochée ou pas cochée ça execute une requete SQL et que pour le passsge de la souris sur une ligne elle change de couleur et que ça fasse les événements effectués coché et pas coché se produisent sur cette ligne et que la requete s'execute que sur cette ligne.
http://big.chez-alice.fr/arc0/Images/ecran.bmp
Par exemple comme sur le tableau qu'il y a dans phpmyadmin

J'espère que je me suis bien exprimé si quelqu'un pourrais m'aider ?

Merci d'avance
27/03/2006, 08h19
piro

Moi je metrais des num à chaque checkbox (chbx, chbx2..) lors de la seconde page tu fai une boucle qui teste si c chocher (for i...) if(chbxi==)... et tu execute.
Sinon pour le changement de couleur, un onMouseOver sur le <tr> avec un id et tu dois pouvoir changer la couleur...

voici mon code pour la couleur des tr

Code:

1
2
3
4
5
6
7
8
9
10
11
 
if($i % 2 ==0)
  echo '<tr onmouseover="setPointer(this, '.$i.', \'over\', \'#E5E5E5\', \'#CCFFCC\', \'#FFCC99\');"
            '.' onmouseout="setPointer(this, '.$i.', \'out\', \'#E5E5E5\', \'#CCFFCC\', \'#FFCC99\');"
            '.' onmouseup="setPointer(this, '.$i.', \'up\', \'#E5E5E5\', \'#CCFFCC\', \'#FFCC99\');"
            '.' onmousedown="setPointer(this, '.$i.', \'click\', \'#E5E5E5\', \'#CCFFCC\', \'#FFCC99\');">';
else
  echo '<tr onmouseover="setPointer(this, '.$i.', \'over\', \'#D5D5D5\', \'#CCFFCC\', \'#FFCC99\');"
            '.' onmouseout="setPointer(this, '.$i.', \'out\', \'#D5D5D5\', \'#CCFFCC\', \'#FFCC99\');"
            '.' onmouseup="setPointer(this, '.$i.', \'up\', \'#D5D5D5\', \'#CCFFCC\', \'#FFCC99\');"
            '.' onmousedown="setPointer(this, '.$i.', \'click\', \'#D5D5D5\', \'#CCFFCC\', \'#FFCC99\');">';

voila et ça fonctionne pas

27/03/2006, 08h52
Taz_8626

voila mon tableau au dessus donc je voudrais faire en fait c'est lorsque l'on clic dans une checkbox ça fasse une requete SQL (Update) sur la ligne d'ou on a cliqué. et je vois pas comment faire .

Je suis d'accord qu'il faudrait que je mette un numéro différent pour chaque checkbox mais le pb c'est que j'ai 400 lignes dans mon tableau alors je voulais savoir si je pouvais mettre le meme nom de checkbox pour chaque ligne mais se différencie par le onmouseover
27/03/2006, 09h05
piro
Pour changer le code de ta ligne, tu mets sur chaque ligne :
Code:

1 2 <tr onMouseOver="javascript:void(this.bgColor='#339999')" onMouseOut="javascript:void(this.bgColor='white')" >
Par contre je comprend pas pour ton check tu veux que l'action se lance au moment ou on la check ou que tu clique sur un bouton et que ca fasse une action pour chaque valeur cocher
27/03/2006, 09h13
Taz_8626

Mon code pour le changement de couleur est correct ou pas

en fait je que je veux faire pour mes checkbox c'est de mettre un Onclick qui execute une requete SQL Update sur la ligne ou j'ai mon onMouseDown qui fonctionne
27/03/2006, 09h21
Taz_8626

ok merci pour ton code mais j'ai encore un petit pb avec les couleur je ne les ai pas au démarrage et lorsque je passe dessus elles s'affichent moi je voudrait qu'elles soient apparantes au début

Code:

1
2
 
<tr bgcolor="couleurdebut" onMouseOver="javascript:void(this.bgColor='couleursurvol')" onMouseOut="javascript:void(this.bgColor='couleurdebut')" >

27/03/2006, 09h32
piro

A partir de la liste des évenements possible sur un élement, tu met un ecouteur sur ton checkbox, tu fais une fct qui prend en parametre l'id de ta checkbox, et apres ta fct relance une page php pour mettre a jour, soit dans un popup, soit une nouvelle page, soit en utilisant ajax.
Je suis pas un expert la dedans mais c'est comme ca que je ferais..
27/03/2006, 10h08
Taz_8626

voila ce que ça donne avec les couleur
http://arc0.chez-alice.fr/Images/ecran1.bmp

exemple je clic sur la checkbox responsable maintenance sur la ligne de ALFA et des la casse cochée je voudrais qu'il y ai une execution d'une requete SQL et après un raffraichissement de la page

Il me reste plus qu'a faire les onClick mais le pb il faut que j'utilise la fonction setPointer
27/03/2006, 11h02
Taz_8626

comment verifier si la ligne est en OnMouseDown et auriez vous un tuto sur AJAX
28/03/2006, 08h40
Taz_8626

est ce que quelqu'un as une petite idée
28/03/2006, 08h46
piro

Pour t'amuser sur ajax:
http://siddh.developpez.com/articles/ajax/#LIV-A

Pour le onMouseDown, je pense que tu dois pouvoir le mettre sur la ligne et lui dire d'appeler une fct, ds cette fct tu lance un alert par exemple.