[Prototype] affichage d'un tableau [Fait] [Résolu]

[reeda]

Bonjour,

je débute en Ajax,

j'ai un combobox (select en HTML),

que je rempli avec des données provenant d'une BD sans problème.

Mais maintenant, je voudrais savoir comment faire pour que lorsque je choisisse l'un des éléments du combobox, un tableau s'affiche avec les données correspondante et qui proviennent aussi d'une BD.

merci d'avance
Bien cordialement

[darrylsite]

Il te suffit de faire untruc du genre :

Code :

1
2
3
4
5
6
7
8
 
<select>
<option> </option>
<option value ="magnento" onClick="ajaxfunc('magento')">magnento</option>
<option value ="limesurvey" onClick="ajaxfunc('limesurvey')"> limesurvey </option>
</select>
<div id="tableau" name="tableau">
</div>

coté ajax, on envoie par post, l' option choisie sur une page php qui va créer le tableau, ensuite on insere le tableau (resultat de tableau.php) dans le div tableau :

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
 
var xhr = null;
 
function getXhr()
 {
  if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); 
  else if(window.ActiveXObject)
   {  
    try
     {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch (e)
     {
      xhr = new ActiveXObject("Microsoft.XMLHTTP");
     }
   }
  else 
   { 
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour"); 
    xhr = false; 
   } 
 }
 
 
function ajaxfunc(opt)
 {
  getXhr();
  xhr.onreadystatechange = function()
   {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
            document.getElementById('tableau').innerHTML = xhr.responseText;
     }
   }
  xhr.open("POST",'tableau.php',true);
  xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  xhr.send("opt="+opt);
 }

Coté php, tableau.php recupere l' option par $_POST["opt"] et prepare le tableau qui sera ecrit sur la sortie standard par echo.

[reeda]

salam,

merci beaucoup darrylsite pour ton aide,

j'aimerai bien utiliser le framwork "prototype" pour ce problème,
j'ai lu son tutoriel et je vais essayer de l'appliquer,

je partagerai le code avec vous dés que je l'aurai fini,

merci encore une fois
cordialement