IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] Ajax et les listes déroulantes dépendantes


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Juillet 2005
    Messages
    39
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 39
    Par défaut [AJAX] Ajax et les listes déroulantes dépendantes
    Bonjour,
    je dois faire une page qui contient 2 listes déoulante :
    la première contient les codes postaux francais et la second les noms de communes.
    Je voudrais que quand l'utilisateur sélectionne un code postal, la liste déroulante des noms de communes ne contient que les communes ayant ce code postal.
    Actuellement cette saisie ce fait dans un zone de saisie simple.
    j'ai donc créé une table mysql contenant les 36000 communes francaises avec le code postal. je voudrais donc en php créer ma première liste puis créer la seconde en fonction du code postal renseigné dans la première liste.
    j'ai trouvé un exemple de code javascript mais qui utilisé des switch et c'est pas gèrable pour 36000 codes postaux.
    Donc j'ai pensé à l'ajax. Le seul problème est que j'ai jamais fait d'ajax (j'ai juste lu le tuto de nicolas pied). Donc est-ce que c'est la bonne solution et si oui comment la mettre en oeuvre.
    par avance merci

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Citation Envoyé par sscouby Voir le message
    Donc est-ce que c'est la bonne solution et si oui comment la mettre en oeuvre.
    Oui, c'est la bonne solution. Cela permettra de mettre à jour ta liste des communes en fonction du code postal saisi sans rechargement de la page.

    Le principe est de récupérer via javascript le code postal saisi et de le faire passer a une autre page php (appelé via Ajax) qui elle, exécutera la requête pour sortir les communes associées et génèrera la liste déroulante qui s'affichera dans un div sur la page principale (par exemple).

    Pas le plus simple pour commencer l'ajax, mais c'est faisable
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre averti
    Inscrit en
    Juillet 2005
    Messages
    39
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 39
    Par défaut
    j'ai trouvé ça !
    http://siddh.developpez.com/articles/ajax/#LIV-A
    j'ai reussit à l'adapter à mon code. Seul petit problème
    ma seconde liste contien des caractères byzarres au lieu des lettres accentués

  4. #4
    Membre averti
    Inscrit en
    Juillet 2005
    Messages
    39
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 39
    Par défaut
    une idée pou mes caractères spéciaux ?

  5. #5
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    L'encodage de ce qui t'es renvoyé ne doit pas être bon.

    Voit au niveau des fonctions php genre : utf8_decode ou utf8_encode ou vérifie le charset de ta page par exemple.
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  6. #6
    Membre averti
    Inscrit en
    Juillet 2005
    Messages
    39
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 39
    Par défaut
    effectivement ca venait de là
    j'ai rajouté
    header('Content-Type: text/html; charset=ISO-8859-1');
    et ca marche nickel !!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Trois listes déroulantes dépendantes AJAX
    Par rigosias dans le forum AJAX
    Réponses: 1
    Dernier message: 20/09/2016, 17h57
  2. [AJAX] Positionnement dans une liste déroulante
    Par Paul75 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 30/04/2007, 11h25
  3. [AJAX] Lier une liste déroulant à un champ texte
    Par arnaudperfect dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 13/04/2007, 14h50
  4. [AJAX] Comment rafraîchir une liste déroulante alimentée par ajax
    Par lodan dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 11/03/2007, 09h01
  5. [AJAX] Synchronisation de deux listes déroulantes
    Par Le Rebel dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/03/2006, 23h28

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo