Récupération de valeurs d'une bascule Javascript

Récupération de valeurs d'une bascule Javascript - HTML/CSS - Programmation

Marsh Posté le 27-04-2005 à 15:55:40    

Bonjour; :hello:  
 
Après plusieurs recherches, je n'ai vu aucun sujet sur le forum traitant de ce problème, je me permet donc de demander quelques conseil sur un point.
 
J'ai réalisé un script de bascule dont le principe est d'avoir deux listes à l'intérieur desquelles je peux faire basculer des données d'un côté vers l'autre et inversement.
 
La "liste 1", contient les données d'une table mysql, et la "liste 2" les données que j'ai décidé de sélectionner. Le seul problème est que je ne sais pas comment récupérer l'ensemble des variables que j'ai sélectionné dans la "liste 2" afin de les utiliser dans une requête MySQL.
 
PS: Ce script me permet de faire une recherche avec l'ensemble des mots_clés que l'utilisateur va sélectionner à travers cette bascule.
Par exemple:
 
A l'initialisation:
 
LISTE1:          LISTE2:
mot-clé1     >>
mot-clé2     <<
mot-clé3
 
Je désires sélectionner les mots-clés 2 et 3:
 
LISTE1:          LISTE2:
mot-clé1     >>  mot-clé2
             <<  mot-clé3
 
Comment utiliser ces deux valeurs dans mon formulaire?? :(  
 
Merci Beauoup  :love:  et j'espère n'avoir pas été trop confus  :(  

Reply

Marsh Posté le 27-04-2005 à 15:55:40   

Reply

Marsh Posté le 27-04-2005 à 15:57:24    

t'as pas assez cherché


---------------
What if I were smiling and running into your arms? Would you see then what I see now?  
Reply

Marsh Posté le 27-04-2005 à 16:00:45    

Je suis désolé JasStang mais je n'ai pas trouvé...
Tu as un lien?

Reply

Marsh Posté le 27-04-2005 à 16:08:13    

Reply

Marsh Posté le 27-04-2005 à 16:10:53    

merci esrevni. Le pb c'est que le script qui fait ca je l'ai deja écrit sans pb. Je veux juste savoir comment je peux récupérer mes valeurs dans la liste2 afin de les utiliser dans ma requete...


Message édité par pomito le 27-04-2005 à 16:11:43
Reply

Marsh Posté le 27-04-2005 à 16:12:08    

C'est pour un intranet ? [:dawa]

Reply

Marsh Posté le 27-04-2005 à 16:13:48    

oui tout à fait, pour que des chercheurs puissent rechercher des rapports qui ont été publiés auparavant.

Reply

Marsh Posté le 27-04-2005 à 16:16:09    

en php, je sais pas ,mais je dirais bien sous la forme d'un tableau...

Reply

Marsh Posté le 27-04-2005 à 16:16:32    

Ok donc si intranet, JS authorisé :D

Reply

Marsh Posté le 27-04-2005 à 16:17:47    

Oui autorisé!
J'avais aussi pensé à utiliser un tableau...
 
Faudrait peut etre que je post mon code non?

Reply

Marsh Posté le 27-04-2005 à 16:17:47   

Reply

Marsh Posté le 27-04-2005 à 16:31:20    

Up!

Reply

Marsh Posté le 27-04-2005 à 17:25:09    

Voici le code de ma page:

Code :
  1. <HTML>
  2. <HEAD>
  4. <SCRIPT LANGUAGE="JavaScript">
  6. function Deplacer(l1,l2) {
  7.  if (l1.options.selectedIndex>=0) {
  8.   o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
  9.   l2.options[l2.options.length]=o;
  10.   l1.options[l1.options.selectedIndex]=null;
  11.  }else{
  12.   alert("Aucun mot-clé sélectionné!" );
  13.  }
  14. }
  15. </SCRIPT>
  16. </HEAD>
  18. <BODY bgcolor="#FFFFFF">
  19. <FORM name="formulaire" method="post" action="traitement_recherche_MC.php">
  20. <FONT FACE="Arial" SIZE='-1' COLOR="#000099">
  22. <CENTER><BIG><B>Recherche par mot-clé</B></BIG></CENTER>
  23. <BR>
  27. <TABLE><TR>
  28. <TD align="center"><B><FONT size="2">Mots-Clés de Recherche</FONT></B><BR>
  30. <?php
  32. //connection a la bdd
  34. $Connec = mysql_connect("127.0.0.1","sylvain","" );          
  35. mysql_select_db("moulinette",$Connec);
  37. //Requête de sélection
  39. echo "<SELECT align=top name=\"liste1\" size=6  style=\"width:120px\">";
  41. $req = "SELECT MotsCles,NumMots FROM Mots";
  42. $res = mysql_query($req);
  43. while($tab = mysql_fetch_array($res))
  44. {
  46. echo "<option value=".$tab["NumMots"].">" .$tab["MotsCles"]."</option>";
  48. }
  50. echo "</select>";
  52. //Fin de la sélection
  54. ?>
  56. </TD>
  57. <TD align="center">
  58. <INPUT type="button" value="Ajouter >>>" onClick="Deplacer(this.form.liste1,this.form.liste2)">
  59. <BR><BR>
  60. <INPUT type="button" value="&lt;&lt;&lt; Enlever" onClick="Deplacer(this.form.liste2,this.form.liste1)">
  61. </TD>
  62. <TD align="center"><FONT size="2"><B>Activités retenues</B></FONT><BR>
  64. <SELECT align=top name="liste2" size=6 style="width:120px">
  65.  <OPTION value="10">----------------------</OPTION>
  66. </SELECT>
  68. </TD>
  69. </TR></TABLE>
  70. <SCRIPT language="javascript">
  72.  document.formulaire.liste2.options.length=0;
  74.         </SCRIPT>
  75. <BR>
  76. <input type="image" name="Request" src="Request.gif">
  77. </FORM>
  82. <BR>
  83. </FONT></BODY></HTML>


Message édité par pomito le 28-04-2005 à 09:31:11
Reply

Marsh Posté le 27-04-2005 à 17:40:39    

balise [code] :fou:


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 27-04-2005 à 19:12:42    

Recommence tout. Tout ton code HTML et JS datent d'il y a 10 ans :/

Reply

Marsh Posté le 28-04-2005 à 09:31:55    

Pourquoi il date d'il y a 10ans??
Quel code te gène?

Reply

Marsh Posté le 28-04-2005 à 09:35:31    

Les tableaux, les <font>, etc.. :(

Reply

Marsh Posté le 28-04-2005 à 10:17:11    

Ah oui non bien sur...
Je comprends ta remarque.
Non dans un premier temps je ne m'occupe que du fonctionnement du code. Je veux juste que les infos voulues s'affichent à l'écran. La présentation je la travaille par ailleurs sous DREAMWEAVER mais plus tard. Une fois que la "technique" sera parfaite...

Reply

Marsh Posté le 28-04-2005 à 10:37:53    

pomito a écrit :

Ah oui non bien sur...
Je comprends ta remarque.
Non dans un premier temps je ne m'occupe que du fonctionnement du code. Je veux juste que les infos voulues s'affichent à l'écran. La présentation je la travaille par ailleurs sous DREAMWEAVER mais plus tard. Une fois que la "technique" sera parfaite...


 
Ben tu risque de rencontrer des problemes.
 
Deja tu dois commencer par avoir un code valide. Si ton code ne valide pas, alors il y a des risques de rencontrer des "effets" de bord.
 
Donc commence par faire un code propre, valide xhtml1.0 strict. Une fois que tu as fait ca, tu pourras commencer a t'occuper du comportement (grace a un js separe), puis a la mise en page (grace aux css).
 
Si le 1er point n'est pas rempli c'est inutile de s'attaquer au 2e point. Beacoup de problemes que tu risque de rencontrer dans le 2e point sont automatiquement resolus si ton point 1 est verifie.
 
En gros, si la base n'est pas bonne, c'est inutile de vouloir continuer.
 
Pour construire une maison, tu commences d'abord par les fondations, pas par le toit, ni les murs...

Reply

Marsh Posté le 28-04-2005 à 10:45:53    

Pourtant mon code fonctionne très bien. Je n'ai pas de problème de fonctionnement Cerel. Mon seul souci est de savoir quelle es la méthode pour récupérer les valeurs sélectionnées. C'est tout.  
Après pour ce qui est de la méthode je suis tout à fait d'accord avec toi.

Reply

Marsh Posté le 28-04-2005 à 11:18:25    

C'est pas une histoire que ça fonctionne ou pas. C'est une histoire que c'est à chier :D : code hyper lourdingue où tu te noye, aucune séparation présentation/structure, fonctions javascripts utilisées obsolètes, utilisation de JS rendant l'utilisation de la chose inaccessible, etc.etc ;)

Reply

Marsh Posté le 28-04-2005 à 12:11:52    

Très bien , il ne me reste plus que la pendaison :(

Reply

Marsh Posté le 28-04-2005 à 12:20:24    

http://www.mattkruse.com/javascript/selectbox/


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 28-04-2005 à 14:02:29    

Oua assez costaud à comprendre ce code. Merci du lien qd même

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed