récupérer les données d'un formulaire un peu spécial

Version imprimable

tout est dit dans le titre , voici mon formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<TD align="center"><B><FONT size="3">Target nodes</FONT></B><BR>
			<SELECT align=top name="liste1" size=6  style="width:120px">
				<option value="AverageValues">PMNS001</OPTION>
				<option value="BusyHourValues">PMNS002</OPTION>
				<option value="AverageValuesTrend">PMNS003</OPTION>
				<option value="BusyHourValuesTrend">PMNS004</OPTION>
				<option value="ReferenceDay-CPU">PMNS005</OPTION>
				<option value="ReferenceDay-Load">PMNS006</OPTION>
				<option value="ReferenceDay-Memory">PMNS007</OPTION>
			</SELECT>
		</TD>
		<TD align="center">
			<INPUT type="button" value="Add >>>" onClick="Deplacer(this.form.liste1,this.form.liste2)">
			<BR><BR>
			<INPUT type="button" value="&lt;&lt;&lt; Remove" onClick="Deplacer(this.form.liste2,this.form.liste1)">
		</TD>
			<TD align="center"><FONT size="3"><B>Target nodes selected</B></FONT><BR>
			<SELECT align=top name="liste2" size=6 style="width:120px">
				<OPTION value="10">----------------------</OPTION>
			</SELECT>
		</TD>

bon en gros c'est 2 listes une avec les items a selectionner a droite et l'autre avec les items deja selectionnés! c'est géré par un p'tit javascript :

Code:

1
2
3
4
5
6
7
8
9
	function Deplacer(l1,l2) {
		if (l1.options.selectedIndex>=0) {
			o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
			l2.options[l2.options.length]=o;
			l1.options[l1.options.selectedIndex]=null;
		}else{
			alert("Please select an item");
		}
	}

donc je ne sais pas comment récuperer les valeurs des items selctionnés dans la liste 2 (celle de droite) j'ai tenté plusieurs choses mais sans succès...

07/07/2006, 10h53
ramislebob
elle est où ta balise <form> ?
quelle méthode t'utilises GET ou POST ?
il vaut mieux toujours utiliser POST (aucune limite de taille ;))
balance sur un cgi ou tu lis directement l'entrée :
Code:

1 2 3 4 5 6 read(STDIN, $infosPost, $ENV{CONTENT_LENGTH}); if (defined($infosPost)){ print "<B>Info Post :</B><br>"; print $infosPost."\n"; }
ensuite traite en manuel avec un split sur & et un foreach avec un split sur = ;)
++
07/07/2006, 11h02
Jim_Nastiq

j'ai utiliser ton code mais comme avec mes autres tentative il n'affiche rien juste le message "info post" puis rien...

PS: j'utilise bien la methode post et j'utilise le module CGI de perl avec un truc du genre: $req->param('nom_du_param') enfin pour les formulaire habituel mais comme ici ma liste est dynamique et est géré par du JS je n'arrive pas a choper les valeurs des elements sélectionnés :?

j'ai tenté

Code:

@list = $req->param('liste2')

mais sans succès...
07/07/2006, 11h48
Jim_Nastiq

bon j'ai trouver un truc qui permet de recuperer les valeurs des elements selectionnées mais seulement il faut qu'avant d'envoyer le formulaire je selectionne tout les champs dans la liste de droite(tous en bleu!)

c'est un peu galere! donc si quelqu'un sais comment detourner ce probleme
07/07/2006, 11h55
ramislebob

en fait cé normal ! il faut sélectionner les items pour qu'ils soient envoyés...
en utilisant du javascript tu dois pouvoir détourner ce problème :p
il est pas dur de lister les éléments du select.
=> tu n'as qu'à construire ton send en méthode GET :p
i.e : une fonction JS renvoi la liste sous la forme liste2=val1&liste2=val2&liste2=val3 et tu ajoutes ce résultat sur un lien, bouton ou image de send : onclick="javascript:'pageDeRécup.cgi?'+fonctionListage(liste2);"
je sais plus trop la syntaxe JS mais ça doit être un truc du style..
Rq : du coup le form ne sert plus à rien...
++
07/07/2006, 12h01
Jim_Nastiq

je vais tenter de trouver une autre solution que celle que tu m'as proposée! Mais en tout cas merci pour ton aide ;)
07/07/2006, 12h06
ramislebob

ok, si tu trouve, donne la stp ;)
j'avoue je vois pas trop comment tu peux faire autrement...

une petite remarque :quand tu déplaces un élément, tu pourrais garder l'ordre au lieu d'insérer à la fin (surtout pour le remove)
07/07/2006, 12h12
Jim_Nastiq

ouais pour l'ordre c'est vraiment pas trop important mais merci pour la remarque et pour ce qui est de la solution j'espere en trouver une et la faire partager!
08/07/2006, 00h29
Jedai

Citation:

Envoyé par ramislebob

ensuite traite en manuel avec un split sur & et un foreach avec un split sur = ;)
++

Tu as l'air de bien t'y connaître et de t'être fait tes propres bibliothèques de fonctions, mais il serait préférable que tu indiques d'abord qu'il existe des solutions standard (CGI ici) qui font tout ça pour toi et traitent les cas particuliers sans erreurs. Tu y arrive peut-être très bien à la main, mais pour un débutant, faire cela à la main ne fait qu'introduire une très grande probabilité qu'il fasse une erreur ou qu'il laisse trainer un bug, le tout avec des désavantages certains par rapport à la réutilisation de modules (excepté du point de vue pédagogique, mais tout le monde n'est pas passionné par le détail du protocole SMTP ou du passage des paramètres à un CGI). :?

Maintenant TIMTOWDI ;) , mais je tiens à te signaler que tu ne t'adresses pas uniquement à des bricoleurs sur ce forum, mais également à des gens pour lesquels des considérations comme le temps passé à réécrire une fonctionnalité déjà disponible en standard n'est pas négligeable, sans parler du risque d'introduire des bugs subtils se faisant. :aie:

--
Jedaï
08/07/2006, 00h34
Jedai

Une solution possible serait de passer par un form, et d'attacher une fonction javascript au bouton de validation qui sélectionnerait tous les éléments de la liste 2 avant l'envoi de la requête. Ca aurait le même effet que si l'utilisateur sélectionnait tous les éléments de la liste 2 avant de valider, mais de manière transparente pour celui-ci non ?

--
Jedaï
10/07/2006, 08h04
Mr6

et pourquoi pas un select multiple tout simplement ? avec tous les élements sélectionnés et hop on récupère un tableau ;)

Citation:

Envoyé par Jedai

Tu as l'air de bien t'y connaître et de t'être fait tes propres bibliothèques de fonctions, mais il serait préférable que tu indiques d'abord qu'il existe des solutions standard (CGI ici) qui font tout ça pour toi et traitent les cas particuliers sans erreurs. Tu y arrive peut-être très bien à la main, mais pour un débutant, faire cela à la main ne fait qu'introduire une très grande probabilité qu'il fasse une erreur ou qu'il laisse trainer un bug, le tout avec des désavantages certains par rapport à la réutilisation de modules (excepté du point de vue pédagogique, mais tout le monde n'est pas passionné par le détail du protocole SMTP ou du passage des paramètres à un CGI). :?

Maintenant TIMTOWDI ;) , mais je tiens à te signaler que tu ne t'adresses pas uniquement à des bricoleurs sur ce forum, mais également à des gens pour lesquels des considérations comme le temps passé à réécrire une fonctionnalité déjà disponible en standard n'est pas négligeable, sans parler du risque d'introduire des bugs subtils se faisant. :aie:

--
Jedaï

t'inkiètes, j'en tiens compte ;)
mais ayant lu ça :

Citation:

Envoyé par Jim_Nastiq

j'ai tenté plusieurs choses mais sans succès...

j'en ai déduit qu'il avait déjà essayé la méthode standard param du module CGI... je suis donc passé à l'autre méthode. il ne me semble pas qu'il y ait beaucoup de choix :s
sur qu'il faut donner les solution les plus simple et rapide en ligne de code mais je pense que des codes plus à la main peuvent peut intéresser certaines personnes :p un code ça se lit viteuf, ça montre une autre méthode, ça peut se réutiliser...
et puis il y a quand même sur ce forum des gens qui aiment bien le code il me semble ;)

Citation:

Envoyé par Jedai

Une solution possible serait de passer par un form, et d'attacher une fonction javascript au bouton de validation qui sélectionnerait tous les éléments de la liste 2 avant l'envoi de la requête. Ca aurait le même effet que si l'utilisateur sélectionnait tous les éléments de la liste 2 avant de valider, mais de manière transparente pour celui-ci non ?

yep, ça me parrait LA meilleure solution. bien vu ;)
allez, je l'ai fait en deux deux :

le formulaire :
Code:

1 2 3 4 5 6 7 8 9 <form name="form112" METHOD=POST action="http://www.pageDeRecup.cgi"> <select name="select112" size=5 multiple> <option value="first">first option</option> <option value="second">second option</option> <option value="third">third option</option> </select><br><br> <INPUT type="submit" value="SEND All ^^" onClick="SelectAll(this.form.select112)"> </form>
la fonction JS (à mettre dans le HEAD !!! => forcément chargé) :
Code:

1 2 3 4 5 6 function SelectAll(l) { for(i=0; i<l.length; i++){ l.options[i].selected=true; } }
PS : j'ai test, marche nickel :p
++

10/07/2006, 10h53
Jim_Nastiq

Et bien que dire face a une telle reunion de cerveau pour m'aider :oops: !

en tout cas merci a tous(et aussi a Oluha cf le post en HTML) j'avais fait ma propre fonction JS comme Oluha me l'avait prédit, et ca fonctionnait et j'ai testé egalement la soluce de ramislebob(quasi identique :mouarf: ) !

bref un succes tout ca quoi(a defaut d'un succes hier soir :roll: )