Forum d'entraide PHPFrance

Bonjour,

Je suis en train de faire une carte cliquable, découpée en départements.Pour l'instant ma carte est faîte avec la couleur du departement qui change quand on passe dessus et une info bulle.

C'est pour un besoin d'entreprise, une carte qui repertorie les clients.
Il y a donc une BDD MySQL.

Pour l'instant, l'info bulle inscrit le nom de dpt, le nombre de contacts dans celui ci, Maintenant je souhaiterai que lors du clic sur un departement, s'affiche dans la même page les noms des contacts avec leurs numeros.

Pour l'instant j'ai une base 'clients' avec une table 'departements' ('id','Nom_departement' , 'Nb_Clients')

Il me faut donc une autre table pour pouvoir mettre les infos clients, mais comment la mettre en relation avec l'autre?

Cette autre table aura comme infos le departement bien sur, des noms, des numéros de téléphone et des adresses.

Mon soucis sera au niveau codage après, comment avoir sur la même page que la carte les infos que je désire.



Merci

Vaut mieux utiliser la géo-localisation des api google maps: http://code.google.com/intl/fr/apis/maps/

Le problème avec google maps c'est que pour une utilisation en entreprise ce n'est pas libre.
Ici il faut une appli en interne et le fait que ce soit cliquable est important, je ne pense pas que ce soit faisable avec google maps..

ok, regarde alors du côté des map en HTML qui permettent de tracer des zones cliquables sur une image de base : http://www.allhtml.com/articles/detail/371 (voir le titre: La balise <map> et ses attributs)

Dans ton cas deux choix s'ouvre a toi :
- Tu charges toute ta base de donnée sur ta carte , et tu joue avec l'affichage
+ Génération du code simple, lourde charge serveur
- Gestion lourde de la page


- Tu charge au besoin aux moyens d'ajax.
+ Pas de rechargement de page, moins de charge serveur
- code plus complexe a élaborer


Bye Hawk

Voici ce que j'ai déjà comme code :

J'ai crée une base informations dans laquelle j'essai d'aller recupérer les informations grâceau PHP, maisj'avoue que je patoge!

J'ai pas regardé ton code mais sur le principe pour chaque découpe tu peux indiquer le numéro de département.
Il te suffit d'ajouter l'évènement onclick dans tes découpes qui renverra le numéro de département en variable que tu récupéreras pour faire ta requête. Tu fais afficher le résultat sur un div qui se superpose sur ta carte et le tour est joué. Cette méthode fera un reload de la page pour envoyer et traiter la variable du numéro de département, mais sur des navigateurs comme FF cela peut-être imperceptible.

Une solution sans reload serait sur le même principe excepté que tu fait ta requête en ajax.

Maintenant comme l'a dit thehawk, tu pourrais aussi tout précharger mais à condition que tu n'aies que quelques contacts par département sinon ça deviendrait très très lourd.

J'ai pensé au onclick oui, mais il faut que je le mette dans mon code qui défini la map?

J'ai refait mon php, la ca m'affiche direct sur l'index et pour tout les départements..

Donc au moins j'arrive à aller chercher des données dans la BDD mais ca affiche tout dans l'index, tout departements confondus.

Maintenant je voudrais que rien ne s'affiche à l'index, et au clic sur un departement que j'affiche les données du departement...

<?php
	mysql_connect("localhost", "root", "");
	mysql_select_db("clients");
	
	$reponse = mysql_query("SELECT * FROM departements");
	
	while ($dpts = mysql_fetch_array($reponse))
	{
		$StrTest = "";
		if (strlen($dpts['id'])<2)
		{
			$StrTest = "0";
		}
		$StrTest = $StrTest . $dpts['id'];
		
		$Test = $dpts['id'];
		
		$NbClient = mysql_query("SELECT  Nb_Clients FROM departements WHERE id=$Test");
		$donnees = mysql_fetch_array($NbClient);
	
		$StrTest = $StrTest . " - " . $dpts['Nom_Departement'] . " : "; 
		$StrTest = $StrTest . $donnees['Nb_Clients'] . " contact(s) dans cette r&eacute;gion.";
		$StrInfo[] = $StrTest;
	
		
		
	}
	
		$rep = "SELECT * FROM informations";
		if($result = mysql_query($rep)){
			while ($informations = mysql_fetch_array($result)){
				$nomdep = " - " . "<b>Departement:</b>" . $informations["Nom_Departement"]; 
				$nommaint = " - " . "<b>Maintenance:</b>" . $informations["Nom_Maintenance"] ;
				$nummaint = " - " . "<b>Numero:</b>" . $informations["Num_Maintenance"] ;
				$nomtrav = " - " . "<b>Travaux:</b>" . $informations["Nom_Travaux"] ;
				$numtrav = " - " . "<b>Numero:</b>" . $informations["Num_Travaux"] ;
				$adresse = " - " . "<b>Adresse:</b>" . $informations["Adresse"] ;


				echo "$nomdep <br/>" , "$nommaint<br/>" , "$nummaint<br/>" , "$nomtrav<br/>" , "$numtrav<br/>" , "$adresse<br/>";
				}
				}
		/*{
		$info = mysql_query("SELECT Nom_Departement, Nom_Maintenance FROM departements, informations WHERE departements.Nom_Departement = informations.Nom_Departement");
		echo $info;
		
		*/
	
		
	mysql_close();

	 
?>

[Note : ce message a été posté de manière anonyme avant d'être réattribué à son auteur]

Le onclick tu le met dans chacun de tes <area shape="poly"...

Alors le onclick j'ai pigé, testé comme sa :
cela m'ouvre une fenêtre; je n'ai pas trouvé l'attribut qu'il me faut pour faire l'affichage dans la même page, et comment coder mon script pour piocher les bonnes infos...

Comment je separe mon index des autres pages sans devoir faire une page par departement...



Merci pour le noob ^^

Pour l'afficher dans la meme page c'est :

Puisque tu récupère toutes les infos complémentaires de tous les départements tu peux faire un tableau multidimensionnel du genre

$info_comp = array();
while ($informations = mysql_fetch_array($result))
{ 
$info_comp[$informations['Nom_Departement']]['Nom_Departement'] = $informations['Nom_Departement'];
$info_comp[$informations['Nom_Departement']]['Nom_Maintenance'] = $informations['Nom_Maintenance'];
$info_comp[$informations['Nom_Departement']]['Num_Maintenance'] = $informations['Num_Maintenance'];
$info_comp[$informations['Nom_Departement']]['Nom_Travaux'] = $informations['Nom_Travaux'];
$info_comp[$informations['Nom_Departement']]['Num_Travaux'] = $informations['Num_Travaux'];
$info_comp[$informations['Nom_Departement']]['Adresse'] = $informations['Adresse'];
}

Ensuite avec le Nom_Departement qui est la clé du tableau tu pourras accéder aux autres informations.

Sinon si tu renvoie la variable du département dans la même page pour faire une requête spécifique comme te le suggère Elie ta requête sera beaucoup plus rapide en contre partie d'un reload. Mais d'un autre côté comme lors du reload tu refais une requête en boucle (pas bien ça) sur la table "departements".
Dailleurs je comprend pas bien. Pourquoi ne pas faire simplement une seule requête

 $donnees_dep = array();

 $NbClient = mysql_query("SELECT  Nom_Departement, Nb_Clients FROM departements ");
 $donnees = mysql_fetch_array($NbClient); 

//et créer un tableau 
while($donnees  = mysql_fetch_array($NbClient)) $donnees_dep[$donnees['Nom_Departement']] = $donnees['Nb_Clients'] ;

Ensuite comme disait thehawk il te suffit onclick d'afficher un div caché en position absolute qui affichera tes données.

Enfin tu pourrais certainement optimiser ton code pour ne faire qu'une seule requête avec une jointure de tes deux tables

$query = "SELECT 

departements.Nom_Departement,
departements.Nb_Clients,

informations.Nom_Maintenance,
informations.Num_Maintenance,
informations.Nom_Travaux,
informations.Num_Travaux,
informations.Adresse

FROM departements 

LEFT JOIN informations 

ON departements.Nom_Departement = informations.Nom_Departement";

$ressource = mysql_query($query);

$donnees = array();

while ($resultat = mysql_fetch_assoc($ressource)) 

	{
	$donnees[$resultat['Nom_Departement']]['Nom_Departement'] = $resultat['Nom_Departement'];
	$donnees[$resultat['Nom_Departement']]['Nb_Clients'] = $resultat['Nb_Clients'];
	$donnees[$resultat['Nom_Departement']]['Nom_Maintenance'] = $resultat['Nom_Maintenance'];
	$donnees[$resultat['Nom_Departement']]['Num_Maintenance'] = $resultat['Num_Maintenance'];
	$donnees[$resultat['Nom_Departement']]['Nom_Travaux'] = $resultat['Nom_Travaux'];
	$donnees[$resultat['Nom_Departement']]['Num_Travaux'] = $resultat['Num_Travaux'];
	$donnees[$resultat['Nom_Departement']]['Adresse'] = $resultat['Adresse'];
	}

// pour contrôle du contenu du tableau en phase de test 
echo '<pre>';
print_r($donnees);
echo '</pre>';

Et avec ce seul code tu devrais avoir toutes les informations dans le tableau $donnees.

note : normalement tu ne devrais pas avoir besoin de la première ligne du tableau mais c'est parfois pratique.

Ok je commence à voir un peu ..

Si je remet mon code c'est possible de m'indiquer ce que je dois enlever?

<?php
	mysql_connect("localhost", "root", "");
	mysql_select_db("clients");
	
	$reponse = mysql_query("SELECT * FROM departements");
	
	while ($dpts = mysql_fetch_array($reponse))
	{
		$StrTest = "";
		if (strlen($dpts['id'])<2)
		{
			$StrTest = "0";
		}
		$StrTest = $StrTest . $dpts['id'];
		
		$Test = $dpts['id'];
		
		$NbClient = mysql_query("SELECT  Nb_Clients FROM departements WHERE id=$Test");
		$donnees = mysql_fetch_array($NbClient);
	
		$StrTest = $StrTest . " - " . $dpts['Nom_Departement'] . " : "; 
		$StrTest = $StrTest . $donnees['Nb_Clients'] . " contact(s) dans cette r&eacute;gion.";
		$StrInfo[] = $StrTest;
			
	}
	
	mysql_close(); 
?>

Là j'avais passé le code pour afficher dans une autre page,alors avec ce que vous m'avez donné je dois l'insérer ici...

il te suffit onclick d'afficher un div caché en position absolute qui affichera tes données.

Là aussi j'aurais besoin de plus de précision

Merci beaucoup de votre aide !


EDIT : En ajoutant les codes cela m'affiche tout les tableaux de tous les departements, y compris sur l'index.
J'ai touver une fonction afficher tableau qui n'affiche rien sur l'index mais lors d'un clic sur une zone il affiche tout les tableaux de tout les departements!

Je Pense que au niveau du onclick il me faut des précisions... (tellement l'impression de presque y être!)

Le dernier code que je t'ai donné est censé remplacer tout le tiens pour la partie PHP.

Bon maintenant tu as tous les résultats stockés dans $donnees et l'index de ce tableau correspond au nom des départements. Par ailleurs tu connais le nom du département qui correspond à chaque <area..>

Et si tu avais un <div> quelque part sur ta page qui soit caché et qui apparaisse onclick (sur un élément de ta carte) en affichant les informations correspondantes à l'élément cliqué, ça t'arrangerais ?

Oui c'est je pense ce qu'il me faut : une carte en pleine page et lorsque je clique sur un departement cela affiche les données sur la même page.

mais comment le coder? dans les areas après le onclick?


EDIT : Je dois laisser une partie de mon code avec les StrInfo car sinon mes infos bulles n'apparaîssent plus.