Aide pour personnaliser un script AJAX

[tottotte]

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

<?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

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 :

<?php
echo"	<script language=\"javascript\" type=\"text/javascript\" src=\"selectuser.js\"></script>
<form>
Selectionner la caté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

Modifié 25 Février 2009 par tottotte

[destroyedlolo]

Je ne suis pas entree en detail dans ton code (parce que pas le temps) mais d'apres mon experience, tu ferais mieux d'utiliser un framework tel que l'excellentissime prototype.js qui te rendra la vie vraiment beaucoup plus facile.

Franchement, je suis toujours enclin a faire du home made mais sur ce coup, prototype a pris le pas.

Modifié 25 Février 2009 par Patrick
Merci d'éviter le langage SMS. La langue officielle du Hub est le Français ...