[Ajax + Js ] Problème pour un programme

Problème pour un programme [Ajax + Js ] - HTML/CSS - Programmation

Marsh Posté le 10-02-2013 à 01:11:09    

Bonjour. Je suis entrain de faire un programme me permettant, avec une base de donnée, de gérer un catalogue de matériel, des utilisateurs inscrits, et j'en passe.
Pour réaliser se projet j'ai décidé de faire plusieurs tests afin de comprendre correctement le mécanisme pour faire mes choix concernant les méthodes que je voudrait appliquer au projet.
 
J'ai réalisé plusieurs tests avec succès mais celui-ci me pose problème. J'aimerai faire une liste avec un <select> et un bouton. Ici j'aimerai envoyer l'information vers un serveur qui devrait savoir l'option du select que l'utilisateur a choisi et renvoyer un message en fonction du select choisi.  
 
Voici la page HTML
 

Code :
  1. ]<script type="text/javascript" src="child.js"></script>
  2. </head>
  4. <body>
  6. <table>
  7. <tr>
  8.  <td>
  9.    Materiel
  10.  </td>
  11.         <td>
  12.         <select name="location" id="selection">
  13.           <option value="cam">Camera</option>
  14.           <option value="mic">Micro</option>
  15.           <option value="car">Mercedes</option>
  16.         </select>
  17.         </td>
  18.  <td>
  19.         </td>
  20. </tr>
  21.     <tr><td><input type="button" onclick="trouver(this)" value="envoyer"/></td></tr>
  22. </table>   
  26. </body>


 
 
 
Le code .js ( je n'ai pas repris dedans la fonction lançant Ajax )
 
 
 

Code :
  1. function requete(data) {
  2. creationXH = creationXHR();
  3. if (creationXH != null) {
  4.  creationXH.open("post","child.php", true);
  5.  creationXH.onreadystatechange = etatserveur;
  6.  creationXH.setRequestHeader("Content-Type","application/x-www-form-urlencoded" );
  7.  creationXH.send(data);
  8. } else {
  9.  alert(error);
  10. }
  11. }
  12. function etatserveur() {
  13. if(creationXH.readyState==4){
  14.  if(creationXH.status==200){
  15.   var matmat=creationXH.responseText;
  16.  }
  17. }
  18. }
  19. function trouver() {
  20. var local = document.getElementsByTagName('option');
  21. alert(local.length);
  22. var data = location.name+"="
  23. for(var i=0; i<local.length; i++) {
  24.      data += "&"+local[i].value;     
  25. requete(data);
  26. }


 
 
Voilà, mon problème se trouve actuellement à le fin du code .js , j'aimerai donc que le programme retrouve l'option que l'utilisateur a sélectionnée pour ensuite l'envoyer sur une page php qui va faire les liens avec une base de donnée. L'information va être renvoyée au HTML avec un message en fonction de ce que l'utilisateur aurait choisi ( Vous avez sélectionné Son ; Vous avez sélectionné Vidéo ; Desole mais nous n'avons pas ceci dans notre base de donnée ) .
 
J'ai cru comprendre que de devrai utiliser des "childNodes" ? Pouvez vous m'aider pour ce programme ? Je vous en remercie d'avance. Je ne m'y connais que
très peu en programmation.  
 

Reply

Marsh Posté le 10-02-2013 à 01:11:09   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed