[AJAX] Formulaire AJAX

Merci pour votre aide... car je galère vraiment pour réussir à faire ce que je souhaite.

J'ai trois fichiers :

Le premier : getuser.php

Code:

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
 
<?php
$q=$_GET["q"];
$userid=$_GET["userid"];
$con = mysql_connect('localhost', 'monuser', 'monmotdepasse');
if (!$con)
 {
 die('Could not connect: ' . mysql_error());
 }
 
mysql_select_db("basedetest", $con);
 
 
$sql="SELECT memberid, username, avatar FROM jos_comprofiler_members WHERE type = '".$q."' and accepted='1' and memberid=$user_id";
 
$result = mysql_query($sql);
 
echo "<table border='1'>
<tr>
<th>Pseudo</th>
<th>Avatar</th>

</tr>";
 
while($row = mysql_fetch_array($result))
 {
 echo "<tr>";
 echo "<td><a href=\"user=" . $row['memberid'] . "\">" . $row['username'] . "</td>";
 
  echo "</tr>";
 }
echo "</table>";
 
mysql_close($con);
?>

Le second : selectuser.js

Code:

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
46
47
48
49
50
 
var xmlHttp;
 
function showUser(str)
{
 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request");
 return;
 }
var url="getuser.php";
url=url+"?q="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
 
function stateChanged() 
{ 
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 { 
 document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
 } 
}
 
function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 //Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}

Le 3ème le formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<?php
echo"	<script language=\"javascript\" type=\"text/javascript\" src=\"selectuser.js\"></script>
<form>
Selectionner la cat&eacute;gorie :
<select name=\"users\" onchange=\"showUser(this.value)\">
<option value=\"aucun\">Votre choix</option>
<option value=\"Amie(s)\">Amie(s)</option>
<option value=\"CollÃ¨gues\">CollÃ¨gues</option>
<option value=\"Relation(s)\">Relation(s)</option>
</select>
<input type=\"hidden\" name=\"userid\" value=\"68\" /> 68
</form>

<p>
<div id=\"txtHint\"><b>Les membres de la categ s'afficheront ici.</b></div>
</p>"; 
?>

J'aimerai :

1) Récupérer la variable $userid provenant du formulaire dans mon fichier getuser.php (mais à cause du javascript je n'y arrive pas ...)

Comme vous pouvez le constater, le javascript est appelé depuis le onchange du select dans le formulaire mais je ne sais pas si je peux lui faire prendre également le $userid en même temps ou si faut appeler le javascript autrement ?

Je ne sais pas comment récupérer la variable $userid dans le javascript et la récupérer dans le fichier getuser.php ...

Merci pour votre aide :oops:

Salut,

J'utilise cette ligne dans ma fonction javascript pour récupérer la sélection.
Code:

1 2 var choix = document.forms['id de ton form'].le nom de ton select.value;
et pour l'input
Code:

1 2 var user = document.getElementById('userid').value;
Bouton : onchange="mafonction();"
Javascipt :
mafonction() {
var choix = document.forms['id de ton form'].le nom de ton select.value;
var user = document.getElementById('userid').value;
etc....
ensuite tu fais passer ta variable dans l'url.

Merci infiniement ça fonctionne parfaitement maintenant...
C'est vraiment tout simple quand on le sait et ça peut faire chercher longtemps quand on ne sait pas :oops: