Discussion :

[Baurens]

Bonjour,

je rencontre un problème sur un formulaire possédant deux listes de type select multi-lignes :



Le formulaire est en post et la validation appelle une fonction javascript qui fait appel à de l'ajax. Le problème est qu'après validation du formulaire je n'arrive pas à récupérer les élements de ma liste dans mon script asp.

Voici le bout de code javascript utilisé par le formulaire:

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
function AjaxPost(liste,zone,script)
{
	var xhr = null; 
 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject)
	{
		try 
		{
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else 
	{ // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	}
 
	xhr.onreadystatechange = function()
	{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4)
		{
			writediv(zone,xhr.responseText);
		}
	}
	xhr.open("POST",script,true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send("photo_selected="+liste);
}

Voici un bout de code du formulaire:

Code :

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

1
2
3
4
<td colspan="3" align="right">
			La selection des photos est terminée, veuillez passer à l'étape suivante pour valider l'ajout des photos.
			<input type="button" id="bouton_tofs" name="bouton_tofs" value="Suivant" onclick='javascript:AjaxPost(this.form.photo_selected.value,"contenu","modif_photo.asp")' disabled />
		</td>

Merci d'avance pour vous réponses.

[Baurens]

Bon j'ai trouvé ...

Il suffit de prendre chaque élément de la liste en javascript et de les concaténer dans une variable.

Pour ceux que ça intéresse voila le code:

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
38
39
40
41
42
43
44
45
function AjaxPost(liste,zone,script)
{
	var xhr = null;
 
	var selectedList = new Array();
	var selectBox = document.forms[0].photo_selected;
 
	var list = "";
	for (var i=0; i<selectBox.options.length; i++) {
		alert(selectBox.options[i].value);
	    list += selectBox.options[i].value+";";
	}
 
 
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject)
	{
		try 
		{
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else 
	{ // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	}
 
	xhr.onreadystatechange = function()
	{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4)
		{
			writediv(zone,xhr.responseText);
		}
	}
	xhr.open("POST",script,true);
	xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	xhr.send("photo_selected="+list);
}

Ensuite reste plus qu'a faire un Split dans le code Asp pour récupérer chaque champs.