FORUM Tom's Hardware » Programmation » HTML / Javascript » Listes deroulantes liées
 

Listes deroulantes liées

Il y a 414 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Listes deroulantes liées
 
sisier
Plus d'informations
n°29501
05-04-2007 à 15:26:04

Hello tout le monde,
 
J'ai un petit problème avec une page.
Cette page en php contient :
- des listes déroulantes de noms prise dans une base de données Mysql  
- des listes déroulantes de prénoms prise dans une base de données Mysql
- La liste des prenoms dépend du nom choisis
 
Cette page fonctionne.
Mais comme elle est faites en php. A chaque fois, que l'on choisit un nom, on est obligé de recharger la page entière pour avoir les prénoms correspondants.
 
J'ai cru voir qu'il fallait utiliser AJAX pour mettre à jour les lsites sans devoir recharger la page.
Je connais pas du tout le Javascript,quelqu'un pourrait t'il me guider un peu (me donner les étapes)?
Je dois d'abord essayé de mettre l'ensemble des nom et prenom dans un tableau ou alors, je peux travailler avec la bdd?
 
 
 
Merci d'avance pour votre aide.
 

KangOl
Profil : Pointeur
Plus d'informations
n°29509
05-04-2007 à 18:08:10

avoues que tu as pas essayer de demander a google avant :o


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
sisier
Plus d'informations
n°29526
06-04-2007 à 14:50:15

Ben si ... mais j'ai du mal à appréhender comment je peut travailler sur la BDD avec un langage coté client.
Et je ne veux pas faire des bêtes copié-collé à l'arrache pour faire un code dégoutant.
 
La je lis de la doc sur le java, si j'ai bien compris de toute façon .. il faudra que j'envoie toutes les données avec le php et que  je les traite apres avec le Javascript?
C'est ça?

sisier
Plus d'informations
n°29530
06-04-2007 à 18:01:47

j'ai trouvé un bon tuto par hasard sur :  
http://robloche.free.fr/javascript [...] o_xhr.html

sisier
Plus d'informations
n°29534
06-04-2007 à 21:02:22

euuh problème.
 
j'ai essayé les scripts du tuto pour m'entrainer et j'ai une erreur :
"acces refusé".
 
une petite idée, O grand kangol? (ca fait pas trop léche cul comme ça  :lol: )


Message édité par sisier le 06-04-2007 à 21:05:03
KangOl
Profil : Pointeur
Plus d'informations
n°29535
06-04-2007 à 21:25:27

quand ? avec quel navigateur ?
un bout de code ? (pas le temps de refaire le tuto)


---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
sisier
Plus d'informations
n°29542
07-04-2007 à 16:53:41

Le problème vient sur IE.
J'ai pas testé avec Firefox.
 
Merci de ton aide :)
 

Code :
  1. <html>
  2. <script type="text/javascript">
  4. function requete (f)
  5. {
  6.             var xhr_object = null; 
  7.          
  8.          if(window.XMLHttpRequest) // Firefox   
  9.          {
  10.             xhr_object = new XMLHttpRequest(); 
  11. }
  12.          else if(window.ActiveXObject) // Internet Explorer   
  13.          {
  14.             xhr_object = new ActiveXObject("Microsoft.XMLHTTP" ); 
  15.             }
  16.          else
  17.          { // XMLHttpRequest non supporté par le navigateur   
  18.             alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..." ); 
  19.            
  20.          } 
  21.          
  22.          var method   = f.elements["method"][0].checked ? "GET" : "POST"; 
  23.          var filename = "strings2.php"; 
  24.          var s1       = f.elements["string1"].value; 
  25.          var s2       = f.elements["string2"].value; 
  26.          var data     = null; 
  27.          
  28.          if(s1 != "" && s2 != "" ) 
  29.          {
  30.             data = "s1="+s1+"&s2="+s2; 
  31. }
  32.          
  33.          if(method == "GET" && data != null)
  34.          { 
  35.             filename += "?"+data; 
  36.             data      = null; 
  37.          } 
  38.          
  39.          xhr_object.open(method, filename, true); 
  40.          
  41.          xhr_object.onreadystatechange = function() { 
  42.             if(xhr_object.readyState == 4) { 
  43.                var tmp = xhr_object.responseText.split(":" ); 
  44.                if(typeof(tmp[1]) != "undefined" ) { 
  45.                   f.elements["string1_r"].value = tmp[1]; 
  46.                  f.elements["string2_r"].value = tmp[2]; 
  47.                alert(tmp[0]); 
  48.                 } 
  49.             } 
  50.         }
  51.          
  52.          if(method == "POST" ) 
  53.             {
  54.             xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded" ); 
  55.            }
  56.          
  57.          xhr_object.send(data); 
  59. }
  61. </script>
  62. <body>
  63. <div class="Centered">
  64.     <form class="CenteredForm" name="form_strings2" id="form_strings2" action="" method="" onsubmit=";">
  65.         <fieldset>
  66.             <legend>Entrez deux chaînes et choisissez une méthode de transmission</legend>
  67.             <div class="Left">
  68.             Chaîne 1&nbsp;: <input type="text" name="string1" id="string1" size="10" /> -> <input type="text" name="string1_c" id="string1_r" size="10" disabled="disabled" /><br />
  69.             Chaîne 2&nbsp;: <input type="text" name="string2" id="string2" size="10" /> -> <input type="text" name="string2_c" id="string2_r" size="10" disabled="disabled" /><br />
  70.             Méthode&nbsp;: <input type="radio" name="method" id="method_get" value="GET" checked="checked" />get <input type="radio" name="method" id="method_post" value="POST" />post<br />
  71.             </div>
  72.         </fieldset>
  73.         <input type="button" class="ButtonXL" value="Exécuter l'exemple" onclick="requete(this.form)" />
  74.     </form>
  75. </div>
  81. </body>
  83. <html>


 
 
 
strings2.php

Code :
  1. header('Content-type: text/html; charset=iso-8859-1'); 
  3. <?php 
  4. if(count($_POST) > 0) { 
  5.     echo "Données reçues en POST:"; 
  6.     foreach($_POST as $v) 
  7.        echo strrev(utf8_decode($v)).":"; 
  8. } 
  9. elseif(count($_GET) > 0) { 
  10.     echo "Données reçues en GET:"; 
  11.     foreach($_GET as $v) 
  12.        echo strrev($v).":"; 
  13. } 
  14.  
  15. if(count($_POST) == 0 && count($_GET) == 0) 
  16.      echo 'Aucune donnée n\'a été reçue par "'.basename($_SERVER["PHP_SELF"]).'"...'; 
  17. ?>


Message édité par sisier le 07-04-2007 à 17:26:21
KangOl
Profil : Pointeur
Plus d'informations
n°29547
07-04-2007 à 18:08:47

et c'est qui qui te dit "accès refusé" ?

Message cité 1 fois

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
boub popsy team
G.M.G.V.S.O.
Profil : Modo matériel
Plus d'informations
n°29551
07-04-2007 à 18:19:12

Sans rapport avec le pb,
 
quite a renvoyer un header, renvoie un charset correct ;)
iso-8859-15 Sinon adieux les € et autres o-e-dans-l-o


---------------
SPAM & WAREZ = Ban!
Ultimate Boot CD | Memtest+
Mon bar préféré à Lyon ! | Bijoux Fantaisie de Créateur !
sisier
Plus d'informations
n°29614
08-04-2007 à 17:22:16

a écrit :

et c'est qui qui te dit "accès refusé" ?


 
Ben quand je veux exécuter le script dans internet explorer. Il ne fait rien. Donc je vais voir les erreurs dans le navigateur.
Il me marque : "acces refusé".
 
 
Merci boubpopsyteam pour la précision  :jap:


Message édité par sisier le 08-04-2007 à 17:23:10
superted97
www.roodali.com
Plus d'informations
n°33501
04-07-2007 à 13:51:35

salut, dans cet exemple la partie ajax n'est pas bien définie,
exemple de scripts avec 2 listes déroulantes:  
http://www.roodali.com/index.php?2 [...] -mysql-php
et tu peux télécharger le script


---------------
www.roodali.com script gratuits
Dans l'immense univers qu'est le web, dont google est la voie lactée, nous essayons chacun d'être une étoile ou de devenir une constellation

Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » HTML / Javascript » Listes deroulantes liées
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0.266 secondes
Annonces Google
Publicité
Sujets relatifs
voir tout
Actualités relatives
Les dernières actualités
voir tout
Les derniers tests
voir tout