Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1297 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme JavaScript + Php + Mysql

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme JavaScript + Php + Mysql

n°1328016
vampyrx
Posté le 18-03-2006 à 22:59:18  profilanswer
 

Voila donc je souhaite générer deux listes déroulantes.
Une liste contenant les départements l'autre les villes contenu dans le département séléctionné, le tout se trouve dans une base de donnée.
 
Il faudrait donc quand je déroule la liste des département, que si je selection l'ile de france, dans la seconde liste déroulante seules les villes d'ile de france apparaissent.
 
Je sais le faire en php mais obligé de valider avec un bouton, la je voudrai que ce soit juste en selectionnant dans la liste déroulante.
Quelqu'un pourrait m'aider a le coder svp ? (c'est pour un projet, et je suis pressé par le temps, je n'ai pas assez de temps pour apprendre le Javascript et arriver a faire ca).
 
Merci d'avance pour toute l'aide apporté.

mood
Publicité
Posté le 18-03-2006 à 22:59:18  profilanswer
 

n°1328017
nargy
Posté le 18-03-2006 à 23:04:05  profilanswer
 

trop pressé pour avoir le temps d apprendre?
fait une petite recherche sur google il y a plein de scripts prêt à l emploi pour ce genre de choses.

n°1328020
xtof_83
Freeride Spirit
Posté le 18-03-2006 à 23:16:31  profilanswer
 

nargy a écrit :

trop pressé pour avoir le temps d apprendre?
fait une petite recherche sur google il y a plein de scripts prêt à l emploi pour ce genre de choses.


 
 
Heu tu sais ... les scripts qui put du cul c'est pas toujours top.... ;)
 
Bon si monsieur sait programmer, la soluce à ton probléme:
 
Ajax...c'est du javascript et donc ça marche pas chez tout le monde...(enfin seul ceux qui le déselectionne)
 
Donc la soluce...Tu affiches initialement tout dans les listes...(comme ça pour les extrémistes, ils y accédent mais en plus longtemps)
 
Et avec Ajax tu fait ton truc...
 
Voilà...
 
Tiens des sites pour te mettre sur la voie:
 
http://openweb.eu.org/articles/objet_xmlhttprequest/
 
+  [:alkatraz]    ;)
 
Bonne chance...


Message édité par xtof_83 le 18-03-2006 à 23:17:58
n°1328026
vampyrx
Posté le 18-03-2006 à 23:26:58  profilanswer
 

J'ai essayé comme ca :
Mais cela ne marche pas ... avec du onclick et des cases a cocher ca passe mais avec le onchange non...

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  2. <script type="text/javascript">
  3. <!--
  4. function selectOption(num)
  5. {
  6. var selObj = document.getElementById('selSeaShells1');
  7. selObj.selectedIndex = num;
  8. }
  9. -->
  10. </script>
  11. <body>
  12. <form>
  13. <h3>Choose one option at a time</h3>
  14. <select name="selSS1" id="selSeaShells1">
  15. <option value="val0">sea zero</option>
  16. <option value="val1">sea one</option>
  17. <option value="val2">sea two</option>
  18. <option value="val3">sea three</option>
  19. <option value="val4">sea four</option>
  20. </select>
  21. <select name="selSS2" id="selSeaShells2">
  22. <option value="0" onchange="selectOption(0);">sea zero</option>
  23. <option value="1" onchange="selectOption(1);">sea one</option>
  24. <option value="2" onchange="selectOption(2);">sea two</option>
  25. <option value="3" onchange="selectOption(3);">sea three</option>
  26. <option value="4" onchange="selectOption(4);">sea four</option>
  27. </select>
  28. </form>         
  29. </body>
  30. [/code]

n°1328027
vampyrx
Posté le 18-03-2006 à 23:27:32  profilanswer
 

Par contre ce code la fonctionne mais moi je veux pas cocher, je veux selectionner dans un menu déroulant :

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  2. <script type="text/javascript">
  3. <!--
  4. function selectOption(num)
  5. {
  6.     var selObj = document.getElementById('selSeaShells1');
  7.     selObj.selectedIndex = num;
  8. }
  9. -->
  10. </script>
  11. <body>
  12. <select name="selSS1" id="selSeaShells1">
  13. <option value="val0">sea zero</option>
  14. <option value="val1">sea one</option>
  15. <option value="val2">sea two</option>
  16. <option value="val3">sea three</option>
  17. <option value="val4">sea four</option>
  18. </select>
  19. <input type="button" value="0" onclick="selectOption(0);" />
  20. <input type="button" value="1" onclick="selectOption(1);" />
  21. <input type="button" value="2" onclick="selectOption(2);" />
  22. <input type="button" value="3" onclick="selectOption(3);" />
  23. <input type="button" value="4" onclick="selectOption(4);" />


Message édité par vampyrx le 18-03-2006 à 23:29:06
n°1328056
nargy
Posté le 19-03-2006 à 00:30:02  profilanswer
 

le onchange se fait sur le tag <select>

n°1328060
nargy
Posté le 19-03-2006 à 00:51:24  profilanswer
 

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  2.    
  3.     <script type="text/javascript">
  4.     <!--
  5.     var listevilles=new Array(
  6.       new Array(), // choisir une région d abord
  7.       // IDF
  8.       new Array('Paris','Versailles','Créteil'),
  9.       // Pas de Calais
  10.       new Array('Calais','Boulogne sur mer')
  11.     );
  12.     function affichervilles(selRegion)
  13.     {
  14.       // le select de la ville
  15.       var selVille = document.getElementById('selVille');
  16.       // les villes de la région sélectionnée
  17.       var villes=listevilles[selRegion.selectedIndex];
  18.       // vider le select des villes
  19.       selVille.options.length=0;
  20.       // remplir le select des villes
  21.       selVille.options[0] = new Option('---Choisir une ville---');
  22.       for(i=0;i<villes.length;i++)
  23.         selVille.options[i+1]=new Option(villes[i]);
  24.     }
  25.     -->
  26.     </script>
  27.     <body>
  28.     <form>
  29.     <h3>Choose one option at a time</h3>
  30.     <select onchange="javascript:affichervilles(this);" name="region">
  31.         <option value="val0">---Choisir une région---</option>
  32.         <option value="val0">IDF</option>
  33.         <option value="val1">Pas de Calais</option>
  34.     </select>
  35.     <select name="ville" id="selVille">
  36.         <option value="0">---Choisir une ville---</option>
  37.     </select>
  38.     </form>         
  39.     </body>



Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme JavaScript + Php + Mysql

 

Sujets relatifs
probleme de lien qui ne s'affiche pasProbleme de chemin
probleme affichage du dernier passage[PHP/MySQL] Lien hypertexte basé sur les infos d'une BDD
Probléme sous postgresSql[PHP] Comment éviter qu'un formulaire se vide si on revient ? [Résolu]
[PHP] erreur[VB.NET/VB] Probleme image dans une form !!
[PHP/SQL] erreur sql 
Plus de sujets relatifs à : Probleme JavaScript + Php + Mysql


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR