Discussion :

[alaaKH]

Bonjour tout le monde;
je suis entrain de développer une application en php, mon problème est le suivant:

j'ai une carte interactive, quand je clique sur une région, un ensemble de requêtes doit s'afficher a coté, et quand je clique sur une requête, le résultat est affiché, pour cela, j'ai développé ces 3 pages séparé, une pour la carte, une pour les réquetes, et une autre pour le résultat, comment je peux les mettre a coté dans une seule fenetre?

Merci beaucoup

[sp2308]

As tu pensé au <iframes> ?
Si elles communiquent entres-elles via url, c est selon moi la meilleure solution, efin la plus simple car je pense que le mieux est d avoir une seule page avec et des appels ajax

[Pahcixam]

Une autre solution consiste à charger les informations avec du javacript. Vous pouvez pour cela vous aider de framework comme jquery. Cette méthode permet de ne pas avoir de rechargement de page.

L'idée est d'intercepter le clic sur une région qui retourne ensuite un identifiant unique (par exemple la valeur de l'attribut id) à envoyer côté serveur qui en retour proposera un fichier JSON contenant les requêtes disponibles. Ce fichier sert de base pour modifier le DOM du document (sa structure) en ajoutant par exemple un div en dessous de la carte avec les requêtes.

Même chose pour les résultats, on intercepte les paramètres de requêtes, on les transmet au serveur qui traite la demande et renvoie une réponse, qui pourra au choix remplacer le contenu du div des requêtes ou s'ajouter en dessous.

Les fonctions suivantes pourraient vous être utiles:

on qui permet "d'écouter" les événements d'une élément comme le clic par exemple --> http://api.jquery.com/on/ . Cela permettra de déclencher les envois au serveur à la sélection
.append() qui permet d'ajouter des éléments HTML ou autre au DOM du document --> http://api.jquery.com/append/ . Cela permettra d'ajouter un bloc avec les requêtes et/ou les réponses.
jQuery.getJSON() qui permet de récupérer des données JSON depuis le serveur au travers d'une requête de type GET --> http://api.jquery.com/jQuery.getJSON/ . Cela permettra de récupérer vos données depuis le serveur.