Bonjour à tous,
Je suis en train de créer un site permettant de tracer des courbes en temps réel. Le temps réel a était achevé(utilisation de artichow). Maintenant, histoire que mon graphe soit plus lisible, j'aimerais mettre des couleur sur mes courbes en fonction de l'humeur de l'utilisateur.
Voici mes codes.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37 $nb_id=0; echo "<TABLE><TR><TH>Id</TH><TH>Adresse IP</TH><TH>Nom</TH><TH>Description</TH><TH>Latitude</TH><TH>Longitude</TH><TH>Etat</TH><TH>Couleur</TH></TR><FORM NAME=\"choix\"> "; foreach($tabmac as $cle => $valeur) { $nb_id= $nb_id+1; $tab[$nb_id]=$valeur; $req_mac = "SELECT * FROM mac_mac where mac_id=".$valeur; $res_req_mac=mysql_query($req_mac) or die('Erreur de requête de base de données : compter les macs'.mysql_error()); for($i=0;$i<mysql_num_rows($res_req_mac);$i++) { echo "<TR> "; for($a=0;$a<7;$a++) { echo "<TD>"; $res2_req_mac = mysql_result($res_req_mac,$i,$a); echo $res2_req_mac; echo "</TD>"; } echo '<TD> <select onChange="setColor('.$valeur.')" size=4 name="colorList'.$valeur.'"> <option value="000000" selected>Black</option> <option value="FFFFFF">White</option> <option value="990000">Red</option> <option value="009900">Green</option> <option value=330066>Indigo</option> <option value=556B2F>[DarkOliveGreen]</option> <option value=2F4F4F>[DarkSlateGray]</option> </select></TD>'; echo'<TD id = '.$valeur.'> </TD>'; echo "</TR></FORM> "; } } echo "</TABLE>";
En gros je crée un tableau dans l'avant dernière cellule de chaque ligne j'ai une liste déroulante avec un choix de couleur et dans chaque dernière cellule un aperçu de la couleur.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 function setColor(valeur) { var test="colorList"+valeur; //document.write(test); var couleur = document.forms["choix"].elements[test].value; document.getElementById(valeur).innerHTML='<td bgcolor='+couleur+'>TEST</td> '; }
La première ligne fonctionne parfaitement. Cependant les autres selection ne fonctionnent pas ... Après des tests je m'aperçois que je rentre bien dans la fonction JS mes aucun apercut
C'est pour cela que je viens vous demander de l'aide !
Je vous remercie par avance!
Partager