Réalisation d'une carte cliquable

Eléphant du PHP | 51 Messages

25 mai 2009, 09:55

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 :)

Modérateur PHPfrance
Modérateur PHPfrance | 2575 Messages

25 mai 2009, 10:15

Vaut mieux utiliser la géo-localisation des api google maps: http://code.google.com/intl/fr/apis/maps/
--------//////----//---//----//////
-------//---//----//---//----//---//
------//////----//////-----//////
-----||--------||--||---||
Prendre le recul n'est pas une perte de temps.


ps: Affrontez moi dans l'arène

Eléphant du PHP | 51 Messages

25 mai 2009, 10:21

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..

Modérateur PHPfrance
Modérateur PHPfrance | 2575 Messages

25 mai 2009, 10:48

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)
--------//////----//---//----//////
-------//---//----//---//----//---//
------//////----//////-----//////
-----||--------||--||---||
Prendre le recul n'est pas une perte de temps.


ps: Affrontez moi dans l'arène

Mammouth du PHP | 991 Messages

25 mai 2009, 10:51

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
DevOps, Symfony4, Hoa

Eléphant du PHP | 51 Messages

25 mai 2009, 11:08

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

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Carte Clients </title> <!-- <p align="center"><img src="en_tete.gif" /> </img> </p> --> </head> <STYLE type="text/css"> BODY { background-color: #DDDDDD } </STYLE> <p><font color="#330099"> <p align="center"> <font face="Arial, Helvetica, sans-serif"> <font size="7"><b> * **** * </b></font></font></font></p> <p><font color="#330099"> <p align="center"> <font face="Arial, Helvetica, sans-serif"> <font size="5"><b> Carte des clients </b></font></font></font></p> <hr size="5" width="80%" align="center"> <p><font color="#330099"> <p align="left"> <font face="Arial, Helvetica, sans-serif"> <font size="""><b> Cliquez sur le D&eacute;partement souhait&eacute sur la carte :</b></font></font></font></p> <?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 = mysql_query("SELECT * FROM informations"); while ($informations = mysql_fetch_array($rep)) { $info= mysql_query("SELECT departements.Nom_Departement, departements.Nom_Maintenance FROM departements, informations WHERE departements.Nom_Departement = informations.Nom_Departement"); $infos = mysql_fetch_array($info); echo $info; } mysql_close(); ?> <p align="center"> <script type="text/javascript"> for (i=1; i<=95; i++){ /* Boucle FOR pour répéter le fond de carte */ Normali = new Image(); Normali.src = "Carte_France_DomTom_01092005.gif"; } /*Normal1 = new Image(); Normal1.src = "Carte_France_DomTom_01092005.gif"; /* fond de carte standard SANS LA BOUCLE */ color1 = new Image(); color1.src = "01.gif"; /* premier departement éclairé */ color2 = new Image(); color2.src = "02.gif"; color3 = new Image(); color3.src = "03.gif"; color4 = new Image(); color4.src = "04.gif"; color5 = new Image(); color5.src = "05.gif"; color6 = new Image(); color6.src = "06.gif"; color7 = new Image(); color7.src = "07.gif"; color8 = new Image(); color8.src = "08.gif"; color9 = new Image(); color9.src = "09.gif"; color10 = new Image(); color10.src = "10.gif"; color11 = new Image(); color11.src = "11.gif"; color12 = new Image(); color12.src = "12.gif"; color13 = new Image();color13.src = "13.gif"; color14 = new Image(); color14.src = "14.gif"; color15 = new Image(); color15.src = "15.gif"; color16 = new Image(); color16.src = "16.gif"; color17 = new Image(); color17.src = "17.gif"; color18 = new Image(); color18.src = "18.gif"; color19 = new Image(); color19.src = "19.gif"; color2A = new Image(); color2A.src = "2A.gif"; color2B = new Image(); color2B.src = "2B.gif"; color21 = new Image(); color21.src = "21.gif"; color22 = new Image(); color22.src = "22.gif"; color23 = new Image(); color23.src = "23.gif"; color24 = new Image(); color24.src = "24.gif"; color25 = new Image(); color25.src = "25.gif"; color26 = new Image(); color26.src = "26.gif"; color27 = new Image(); color27.src = "27.gif"; color28 = new Image(); color28.src = "28.gif"; color29 = new Image(); color29.src = "29.gif"; color30 = new Image(); color30.src = "30.gif"; color31 = new Image(); color31.src = "31.gif"; color32 = new Image(); color32.src = "32.gif"; color33 = new Image(); color33.src = "33.gif"; color34 = new Image(); color34.src = "34.gif"; color35 = new Image(); color35.src = "35.gif"; color36 = new Image(); color36.src = "36.gif"; color37 = new Image(); color37.src = "37.gif"; color38 = new Image(); color38.src = "38.gif"; color39 = new Image(); color39.src = "39.gif"; color40 = new Image(); color40.src = "40.gif"; color41 = new Image(); color41.src = "41.gif"; color42 = new Image(); color42.src = "42.gif"; color43 = new Image(); color43.src = "43.gif"; color44 = new Image(); color44.src = "44.gif"; color45 = new Image(); color45.src = "45.gif"; color46 = new Image(); color46.src = "46.gif"; color47 = new Image(); color47.src = "47.gif"; color48 = new Image(); color48.src = "48.gif"; color49 = new Image(); color49.src = "49.gif"; color50 = new Image(); color50.src = "50.gif"; color51 = new Image(); color51.src = "51.gif"; color52 = new Image(); color52.src = "52.gif"; color53 = new Image(); color53.src = "53.gif"; color54 = new Image(); color54.src = "54.gif"; color55 = new Image(); color55.src = "55.gif"; color56 = new Image(); color56.src = "56.gif"; color57 = new Image(); color57.src = "57.gif"; color58 = new Image(); color58.src = "58.gif"; color59 = new Image(); color59.src = "59.gif"; color60 = new Image(); color60.src = "60.gif"; color61 = new Image(); color61.src = "61.gif"; color62 = new Image(); color62.src = "62.gif"; color63 = new Image(); color63.src = "63.gif"; color64 = new Image(); color64.src = "64.gif"; color65 = new Image(); color65.src = "65.gif"; color66 = new Image(); color66.src = "66.gif"; color67 = new Image(); color67.src = "67.gif"; color68 = new Image(); color68.src = "68.gif"; color69 = new Image(); color69.src = "69.gif"; color70 = new Image(); color70.src = "70.gif"; color71 = new Image(); color71.src = "71.gif"; color72 = new Image(); color72.src = "72.gif"; color73 = new Image(); color73.src = "73.gif"; color74 = new Image(); color74.src = "74.gif"; color75 = new Image(); color75.src = "75.gif"; color76 = new Image(); color76.src = "76.gif"; color77 = new Image(); color77.src = "77.gif"; color78 = new Image(); color78.src = "78.gif"; color79 = new Image(); color79.src = "79.gif"; color80 = new Image(); color80.src = "80.gif"; color81 = new Image(); color81.src = "81.gif"; color82 = new Image(); color82.src = "82.gif"; color83 = new Image(); color83.src = "83.gif"; color84 = new Image(); color84.src = "84.gif"; color85 = new Image(); color85.src = "85.gif"; color86 = new Image(); color86.src = "86.gif"; color87 = new Image(); color87.src = "87.gif"; color88 = new Image(); color88.src = "88.gif"; color89 = new Image(); color89.src = "89.gif"; color90 = new Image(); color90.src = "90.gif"; color91 = new Image(); color91.src = "91.gif"; color92 = new Image(); color92.src = "92.gif"; color93 = new Image(); color93.src = "93.gif"; color94 = new Image(); color94.src = "94.gif"; color95 = new Image(); color95.src = "95.gif"; /* etc... pour tous les autres graphiques à utiliser */ function change_image(image_no,objet_image) { window.document.images[image_no].src = objet_image.src; } </script> </body> <img src="Carte_France_DomTom_01092005.gif" alt="France" width="569" height="538" border="0" align="center" usemap="#Départements" /> <map name="Départements" id="Départements"> <area shape="poly" coords="296,8,314,33,322,31,321,37,330,43,331,67,323,71,316,63,307,63,301,58,285,49,278,47,274,29,277,17,284,10" href="index.php?d=62" onMouseOver="change_image(0,color62)"onMouseOut="change_image(0,Normal62)" title="<?php echo $StrInfo[61]; ?>" alt="<?php echo $StrInfo[61]; ?>" /> <area shape="poly" coords="313,4,316,8,317,16,320,19,323,26,330,28,335,25,338,27,340,37,345,40,353,40,356,44,356,48,370,49,378,54,375,58,376,64,377,69,374,70,358,63,348,65,338,67,334,69,331,68,331,43,326,40,322,36,323,31,319,31,314,31,297,8" href="index.php?d=59" onMouseOver="change_image(0,color59)"onMouseOut="change_image(0,Normal59)" title="<?php echo $StrInfo[58]; ?>" alt="<?php echo $StrInfo[58]; ?>" /> <area shape="poly" coords="276,45,279,48,285,49,289,54,293,58,299,58,307,63,315,64,322,70,331,67,333,70,333,76,335,78,335,87,329,86,324,84,323,90,317,94,312,94,310,91,302,89,297,86,282,85,282,76,278,71,272,67,269,65,272,59,280,55" href="index.php?d=80" onMouseOver="change_image(0,color80)"onMouseOut="change_image(0,Normal80)" title="<?php echo $StrInfo[79];?> "alt="<?php echo $StrInfo[79];?> " /> <area shape="poly" coords="334,69,356,63,373,70,375,74,375,82,372,83,369,96,370,101,370,103,363,102,357,105,354,110,356,113,357,115,353,118,351,120,354,125,354,129,347,136,345,132,338,126,336,121,333,118,330,117,333,114,330,111,332,109,335,104,336,102,336,91" href="index.php?d=02" onMouseOver="change_image(0,color2)"onMouseOut="change_image(0,Normal2)" title="<?php echo $StrInfo[1]; ?>" alt="<?php echo $StrInfo[1]; ?> " /> <area shape="poly" coords="283,86,298,87,310,91,311,95,316,94,322,91,324,84,334,87,335,91,336,102,333,108,329,108,332,114,330,116,332,118,337,123,334,125,319,125,316,122,313,124,311,121,307,119,306,116,301,115,289,115,286,118,285,115,281,115,284,111,286,109,284,105,281,96" href="index.php?d=60" onMouseOver="change_image(0,color60)"onMouseOut="change_image(0,Normal60)" title="<?php echo $StrInfo[59]; ?>" alt="<?php echo $StrInfo[59]; ?>" /> <area shape="poly" coords="377,69,389,69,391,66,397,58,400,58,399,61,399,69,401,70,402,77,411,79,414,84,422,87,423,90,414,91,411,95,410,104,404,110,393,112,386,112,378,103,371,101,369,91" href="index.php?d=08" onMouseOver="change_image(0,color8)"onMouseOut="change_image(0,Normal8)" title="<?php echo $StrInfo[7]; ?>"alt="<?php echo $StrInfo[7]; ?>" /> <area shape="poly" coords="370,99,374,102,379,104,385,112,397,112,405,111,409,127,405,134,406,143,407,147,401,148,402,151,397,157,394,153,386,153,380,146,374,145,360,154,352,153,351,147,347,136,355,127,350,121,357,116,354,110,359,105" href="index.php?d=51" onMouseOver="change_image(0,color51)"onMouseOut="change_image(0,Normal51)" title="<?php echo $StrInfo[50]; ?>" alt="<?php echo $StrInfo[50]; ?>" /> <area shape="poly" coords="423,89,426,90,427,103,433,98,435,110,438,116,439,132,437,154,437,157,423,160,422,157,405,145,403,134,409,129,405,110,411,104,411,93" href="index.php?d=55" onMouseOver="change_image(0,color55)"onMouseOut="change_image(0,Normal55)" title="<?php echo $StrInfo[54]; ?>"alt="<?php echo $StrInfo[54]; ?>" /> <area shape="poly" coords="427,94,432,94,437,89,446,97,444,104,447,107,446,126,457,129,460,139,470,138,471,141,481,142,488,149,479,160,474,160,468,156,452,159,450,162,445,163,444,158,438,154,439,135,439,115,435,111,433,98,427,101" href="index.php?d=54" onMouseOver="change_image(0,color54)"onMouseOut="change_image(0,Normal54)" title="<?php echo $StrInfo[53]; ?>"alt="<?php echo $StrInfo[53]; ?>" /> <area shape="poly" coords="446,97,457,93,468,99,478,115,487,109,496,113,506,111,510,117,503,118,501,123,488,115,486,123,486,131,487,137,491,130,496,136,489,149,480,142,472,141,469,138,462,139,457,129,447,126,448,108,443,102" href="index.php?d=57" onMouseOver="change_image(0,color57)"onMouseOut="change_image(0,Normal57)" title="<?php echo $StrInfo[56]; ?>" alt="<?php echo $StrInfo[56]; ?>" /> <area shape="poly" coords="509,117,532,118,529,125,529,129,520,139,520,145,517,152,516,166,513,166,513,171,510,174,506,170,501,165,500,161,493,164,488,162,488,149,497,137,491,129,487,136,489,115,501,123" href="index.php?d=67" onMouseOver="change_image(0,color67)"onMouseOut="change_image(0,Normal67)" title="<?php echo $StrInfo[66]; ?>" alt="<?php echo $StrInfo[66]; ?>" /> <area shape="poly" coords="509,174,511,207,507,214,501,215,497,211,494,208,492,198,484,193,483,190,490,177,492,163,499,162" href="index.php?d=68" onMouseOver="change_image(0,color68)"onMouseOut="change_image(0,Normal68)" title="<?php echo $StrInfo[67]; ?>" alt="<?php echo $StrInfo[67]; ?>" /> <area shape="poly" coords="424,160,437,156,437,152,445,162,449,164,453,159,468,157,473,160,478,160,487,149,488,163,492,163,490,175,483,191,477,191,476,187,465,186,464,183,456,185,456,181,453,180,444,185,436,181,437,171" href="index.php?d=88" onMouseOver="change_image(0,color88)"onMouseOut="change_image(0,Normal88)" title="<?php echo $StrInfo[87]; ?>" alt="<?php echo $StrInfo[87]; ?>" /> <area shape="poly" coords="481,207,479,204,479,192,483,192,492,197,493,208,490,211,486,212" href="index.php?d=90" onMouseOver="change_image(0,color90)"onMouseOut="change_image(0,Normal90)" title="<?php echo $StrInfo[89]; ?>" alt="<?php echo $StrInfo[89]; ?>" /> <area shape="poly" coords="493,217,489,218,487,213,480,206,471,210,466,208,461,216,454,219,443,224,440,238,450,241,451,249,455,250,457,249,462,252,463,259,457,264,461,268,469,259,471,243,480,241,479,234,486,232,492,223" href="index.php?d=25" onMouseOver="change_image(0,color25)"onMouseOut="change_image(0,Normal25)" title="<?php echo $StrInfo[24]; ?>" alt="<?php echo $StrInfo[24]; ?>" /> <area shape="poly" coords="430,228,442,227,443,223,461,216,466,208,471,210,480,206,479,191,476,186,466,186,464,182,456,184,456,181,453,180,445,184,444,189,439,192,435,202,426,205,426,206,427,208,425,213" href="index.php?d=70" onMouseOver="change_image(0,color70)"onMouseOut="change_image(0,Normal70)" title="<?php echo $StrInfo[69]; ?>" alt="<?php echo $StrInfo[69]; ?>" /> <area shape="poly" coords="405,145,436,170,436,180,444,185,444,190,439,191,434,203,427,204,421,206,412,204,407,202,407,191,398,182,402,175,402,166,397,161,397,157" href="index.php?d=52" onMouseOver="change_image(0,color52)"onMouseOut="change_image(0,Normal52)" title="<?php echo $StrInfo[51]; ?>" alt="<?php echo $StrInfo[51]; ?>" /> <area shape="poly" coords="398,182,402,175,402,166,396,159,394,154,386,154,380,145,374,145,361,153,352,152,344,162,349,163,351,173,353,177,358,177,366,186,379,188" href="index.php?d=10" onMouseOver="change_image(0,color10)"onMouseOut="change_image(0,Normal10)" title="<?php echo $StrInfo[9]; ?>" alt="<?php echo $StrInfo[9]; ?>" /> <area shape="poly" coords="315,122,318,125,335,124,345,135,350,153,344,163,333,164,329,173,320,178,314,177,310,176,308,166,314,162,314,144,317,140,317,131" href="index.php?d=77" onMouseOver="change_image(0,color77)"onMouseOut="change_image(0,Normal77)" title="<?php echo $StrInfo[76]; ?>" alt="<?php echo $StrInfo[76]; ?>" /> <area shape="poly" coords="215,91,219,91,222,80,228,79,250,72,256,70,268,66,281,73,282,84,281,93,284,103,276,103,273,99,265,104,262,103,260,106,249,106,249,103,241,103,241,100,235,99,234,96,228,95,216,95" href="index.php?d=76" onMouseOver="change_image(0,color76)"onMouseOut="change_image(0,Normal76)" title="<?php echo $StrInfo[75]; ?>" alt="<?php echo $StrInfo[75]; ?>" /> <area shape="poly" coords="228,130,228,121,231,119,227,102,229,97,240,101,249,103,249,107,260,107,264,103,273,99,275,102,283,103,286,109,281,114,279,116,279,119,273,121,273,133,269,133,266,138,246,144,236,136" href="index.php?d=27" onMouseOver="change_image(0,color27)"onMouseOut="change_image(0,Normal27)" title="<?php echo $StrInfo[26]; ?>" alt="<?php echo $StrInfo[26]; ?>" /> <area shape="poly" coords="170,100,175,96,179,96,182,100,201,100,204,106,213,104,217,99,224,99,227,101,231,118,229,122,228,127,217,130,216,132,205,136,203,134,186,133,181,136,173,136,167,134,176,123,178,112,171,106" href="index.php?d=14" onMouseOver="change_image(0,color14)"onMouseOut="change_image(0,Normal14)" title="<?php echo $StrInfo[13]; ?>" alt="<?php echo $StrInfo[13]; ?>" /> <area shape="poly" coords="140,72,141,75,155,80,164,76,169,80,170,84,166,86,168,96,170,99,170,104,177,111,176,122,167,133,171,136,180,135,181,148,179,154,167,155,160,154,157,155,152,152,152,141,153,135,152,115,153,104,144,91" href="index.php?d=50" onMouseOver="change_image(0,color50)"onMouseOut="change_image(0,Normal50)" title="<?php echo $StrInfo[49]; ?>" alt="<?php echo $StrInfo[49]; ?>" /> <area shape="poly" coords="179,152,181,148,181,137,186,133,204,135,211,134,227,127,245,144,246,150,249,151,249,162,243,163,241,166,244,171,244,174,237,172,237,168,233,170,226,165,226,160,217,159,216,160,208,161,204,151,198,154,191,155" href="index.php?d=61" onMouseOver="change_image(0,color61)"onMouseOut="change_image(0,Normal61)" title="<?php echo $StrInfo[60]; ?>" alt="<?php echo $StrInfo[60]; ?>" /> <area shape="poly" coords="280,115,289,115,304,116,314,123,314,127,310,130,306,127,301,131,294,125,288,123,280,120" href="index.php?d=95" onMouseOver="change_image(0,color95)"onMouseOut="change_image(0,Normal95)" title="<?php echo $StrInfo[94]; ?>" alt="<?php echo $StrInfo[94]; ?>" /> <area shape="poly" coords="273,121,273,139,279,144,279,151,285,160,289,160,291,152,297,145,297,139,300,137,300,130,295,125,278,119" href="index.php?d=78" onMouseOver="change_image(0,color78)"onMouseOut="change_image(0,Normal78)" title="<?php echo $StrInfo[77]; ?>" alt="<?php echo $StrInfo[77]; ?>" /> <area shape="poly" coords="301,136,303,141,315,146,315,161,309,166,293,166,289,161,294,148,298,139" href="index.php?d=91" onMouseOver="change_image(0,color91)"onMouseOut="change_image(0,Normal91)" title="<?php echo $StrInfo[90]; ?>" alt="<?php echo $StrInfo[90]; ?>" /> <area shape="poly" coords="45,24,53,27,55,35,68,35,72,38,73,48,83,48,93,54,93,23,86,12,80,18,69,20,58,16,49,19" href="index.php?d=93" onMouseOver="change_image(0,color93)"onMouseOut="change_image(0,Normal93)" title="<?php echo $StrInfo[92]; ?>" alt="<?php echo $StrInfo[92]; ?>" /> <area shape="poly" coords="73,48,83,48,93,54,92,71,97,78,93,83,92,91,87,91,82,83,63,77,66,71,62,61,70,56,76,58,77,52" href="index.php?d=94" onMouseOver="change_image(0,color94)"onMouseOut="change_image(0,Normal94)" title="<?php echo $StrInfo[93]; ?>" alt="<?php echo $StrInfo[93]; ?>" /> <area shape="poly" coords="54,36,68,34,73,39,73,49,77,52,77,57,70,55,63,58,52,53,44,48,43,42,47,36" href="index.php?d=75" onMouseOver="change_image(0,color75)"onMouseOut="change_image(0,Normal75)" title="<?php echo $StrInfo[74]; ?>" alt="<?php echo $StrInfo[74]; ?>" /> <area shape="poly" coords="45,22,38,29,33,36,32,54,36,61,43,67,48,69,52,74,55,80,62,80,63,75,67,68,63,59,58,55,51,53,44,48,42,43,46,38,51,37,55,35,52,27" href="index.php?d=92" onMouseOver="change_image(0,color92)"onMouseOut="change_image(0,Normal92)" title="<?php echo $StrInfo[91]; ?>" alt="<?php echo $StrInfo[91]; ?>" /> <area shape="poly" coords="246,143,266,139,270,132,272,133,273,140,278,143,279,151,283,157,286,160,290,162,292,166,292,175,287,175,279,175,272,181,273,187,265,186,260,190,257,187,250,179,246,178,245,174,245,170,241,165,246,163,249,162,249,153" href="index.php?d=28" onMouseOver="change_image(0,color28)"onMouseOut="change_image(0,Normal28)" title="<?php echo $StrInfo[27]; ?>" alt="<?php echo $StrInfo[27]; ?>" /> <area shape="poly" coords="293,166,300,167,309,166,311,175,318,178,329,174,334,185,335,190,332,194,327,202,328,212,315,212,310,207,307,209,305,211,300,208,295,208,288,205,279,205,274,200,272,186,272,183,279,175,292,175" href="index.php?d=45" onMouseOver="change_image(0,color45)"onMouseOut="change_image(0,Normal45)" title="<?php echo $StrInfo[44]; ?>" alt="<?php echo $StrInfo[44]; ?>" /> <area shape="poly" coords="335,164,341,163,348,163,350,168,351,176,357,177,366,187,380,189,380,195,382,201,374,210,372,221,372,226,367,223,360,220,353,220,351,216,349,209,343,211,340,213,331,212,328,211,328,201,332,194,336,189,334,185,330,175" href="index.php?d=89" onMouseOver="change_image(0,color89)"onMouseOut="change_image(0,Normal89)" title="<?php echo $StrInfo[88]; ?>" alt="<?php echo $StrInfo[88]; ?>" /> <area shape="poly" coords="379,188,397,182,400,187,406,192,407,202,411,205,421,206,425,205,428,209,424,214,431,229,426,235,426,246,416,243,411,243,402,247,393,247,389,241,386,241,385,238,380,236,377,234,378,232,375,229,372,229,372,217,377,208,381,202,382,196" href="index.php?d=21" onMouseOver="change_image(0,color21)"onMouseOut="change_image(0,Normal21)" title="<?php echo $StrInfo[20]; ?>" alt="<?php echo $StrInfo[20]; ?>" /> <area shape="poly" coords="71,133,67,132,62,137,61,135,59,130,56,130,54,132,48,133,45,130,40,131,35,136,30,136,26,138,27,143,27,149,29,151,33,150,41,150,46,153,41,156,36,154,33,153,31,155,34,159,38,159,42,161,42,164,39,166,33,166,26,167,25,169,31,170,39,171,43,173,39,180,38,183,42,185,46,185,45,179,47,181,51,182,55,180,58,183,61,185,66,186,69,189,73,186,78,182,77,178,74,175,69,175,67,170,62,168,68,165,73,163,73,157,73,147" href="index.php?d=29" onMouseOver="change_image(0,color29)"onMouseOut="change_image(0,Normal29)" title="<?php echo $StrInfo[28]; ?>" alt="<?php echo $StrInfo[28]; ?>" /> <area shape="poly" coords="71,133,75,133,76,127,76,122,82,125,89,125,93,125,97,130,99,135,102,141,106,145,107,148,112,142,118,139,121,136,124,139,128,141,133,142,135,146,135,155,134,161,131,162,127,163,125,165,122,169,120,172,118,169,115,168,113,170,111,174,107,175,105,173,102,173,99,170,96,166,91,167,86,167,81,169,78,165,73,164" href="index.php?d=22" onMouseOver="change_image(0,color22)"onMouseOut="change_image(0,Normal22)" title="<?php echo $StrInfo[21]; ?>" alt="<?php echo $StrInfo[21]; ?>" /> <area shape="poly" coords="135,142,134,137,139,135,142,138,141,141,147,143,152,141,152,147,152,153,156,155,163,154,167,156,168,173,169,180,167,182,163,186,163,190,160,194,151,192,144,198,131,199,127,202,127,186,127,181,122,181,123,177,121,172,127,162,132,163,134,158" href="index.php?d=35" onMouseOver="change_image(0,color35)"onMouseOut="change_image(0,Normal35)" title="<?php echo $StrInfo[34]; ?>" alt="<?php echo $StrInfo[34]; ?>" /> <area shape="poly" coords="63,168,67,165,73,163,75,166,81,168,84,169,87,166,95,166,100,170,104,173,107,176,110,174,114,167,121,172,123,176,120,180,127,181,127,207,124,211,109,211,108,209,111,207,108,204,104,205,102,207,97,207,96,205,101,203,102,200,103,198,99,196,95,196,90,200,86,200,83,201,85,197,86,195,86,191,84,191,83,193,79,194,78,190,77,188,73,190,70,190,75,186,79,183,78,180,76,176,70,174" href="index.php?d=56" onMouseOver="change_image(0,color56)"onMouseOut="change_image(0,Normal56)" title="<?php echo $StrInfo[55]; ?>" alt="<?php echo $StrInfo[55]; ?>" /> <area shape="poly" coords="167,154,186,154,192,155,196,154,201,152,203,151,205,153,205,157,207,159,207,161,206,165,205,171,201,172,201,175,201,179,199,183,197,185,195,186,194,191,194,195,191,196,187,197,183,197,175,197,171,196,166,195,162,192,162,189,165,185,169,181,169,178" href="index.php?d=53" onMouseOver="change_image(0,color53)"onMouseOut="change_image(0,Normal53)"alt="<?php echo $StrInfo[52]; ?>" /> <area shape="poly" coords="223,212,230,204,237,201,239,196,240,192,242,190,242,186,243,183,246,178,246,177,243,174,240,174,236,172,237,165,232,168,228,166,225,163,225,160,221,159,218,159,215,160,214,162,209,161,206,163,204,167,204,172,201,171,200,176,200,181,199,184,196,185,194,188,194,191,194,195,194,198,195,198,201,198,204,200,211,206,216,206,219,205" href="index.php?d=72" onMouseOver="change_image(0,color72)"onMouseOut="change_image(0,Normal72)" title="<?php echo $StrInfo[71]; ?>" alt="<?php echo $StrInfo[71]; ?>" /> <area shape="poly" coords="237,201,241,201,245,206,250,207,252,213,252,218,252,222,258,226,258,229,272,229,274,230,279,230,284,232,285,229,291,229,297,229,297,224,294,221,298,220,297,212,296,208,291,206,288,204,280,205,274,199,272,189,272,186,266,186,260,191,247,177,241,188" href="index.php?d=41" onMouseOver="change_image(0,color41)"onMouseOut="change_image(0,Normal41)" title="<?php echo $StrInfo[40]; ?>" alt="<?php echo $StrInfo[40]; ?>" /> <area shape="poly" coords="109,211,124,211,127,208,127,202,132,198,144,198,151,192,160,193,161,197,165,201,166,206,167,206,167,208,163,210,161,211,170,213,171,219,169,221,164,223,160,223,162,226,162,230,160,233,156,234,155,237,154,240,149,242,145,246,144,244,141,245,135,244,133,242,131,238,128,234,126,232,122,231,119,229,119,227,122,225,127,224,124,221,121,221,115,224,109,222,106,218" href="index.php?d=44" onMouseOver="change_image(0,color44)"onMouseOut="change_image(0,Normal44)" title="<?php echo $StrInfo[43]; ?>" alt="<?php echo $StrInfo[43]; ?>" /> <area shape="poly" coords="161,192,166,195,173,197,188,197,193,196,196,198,203,200,208,204,213,206,220,206,221,209,222,212,218,214,216,218,216,220,214,224,212,229,212,232,212,235,209,235,206,237,206,239,202,239,199,237,195,237,194,239,190,239,189,238,187,238,185,240,182,240,179,240,177,237,172,237,168,237,165,235,161,233,162,230,162,226,160,223,165,222,170,221,171,217,171,213,168,213,160,212,167,209,168,206,162,199" href="index.php?d=49" onMouseOver="change_image(0,color49)"onMouseOut="change_image(0,Normal49)" title="<?php echo $StrInfo[48]; ?>" alt="<?php echo $StrInfo[48]; ?>" /> <area shape="poly" coords="212,235,212,228,214,222,215,217,219,214,222,211,226,209,230,206,234,202,240,201,243,202,244,206,249,206,250,207,251,211,252,215,252,218,252,222,255,223,261,227,260,230,260,234,260,238,259,241,256,241,254,242,254,246,253,250,253,254,252,256,249,256,245,257,240,257,240,254,240,250,239,247,237,246,234,247,231,248,226,247,224,245,223,242,216,240" href="index.php?d=37" onMouseOver="change_image(0,color37)"onMouseOut="change_image(0,Normal37)" title="<?php echo $StrInfo[36]; ?>" alt="<?php echo $StrInfo[36]; ?>" /> <area shape="poly" coords="260,230,273,229,280,231,284,233,280,236,282,240,288,238,291,238,293,242,295,247,296,252,293,255,293,259,295,264,295,270,296,273,296,278,293,279,286,281,281,280,278,282,277,283,274,283,270,282,268,285,265,285,261,283,258,281,257,277,257,275,255,272,252,270,249,268,247,264,244,261,242,258,249,257,252,257,253,254,253,250,253,244,255,241,261,241,261,235" href="index.php?d=36" onMouseOver="change_image(0,color36)"onMouseOut="change_image(0,Normal36)" title="<?php echo $StrInfo[35]; ?>" alt="<?php echo $StrInfo[35]; ?>" /> <area shape="poly" coords="284,234,285,229,290,229,297,229,296,224,294,220,297,220,297,214,297,209,297,207,304,212,309,208,313,211,318,211,322,211,327,211,328,215,328,217,326,222,326,225,327,228,331,232,331,234,331,238,333,247,337,248,339,253,342,255,346,258,348,261,345,263,341,263,338,262,334,262,332,257,329,256,324,256,324,258,321,261,318,261,316,262,315,265,315,268,315,270,313,272,311,275,306,275,305,275,301,277,301,280,297,279,296,271,296,263,294,260,293,256,295,252,295,249,295,243,291,239,288,239,283,239" href="index.php?d=18" onMouseOver="change_image(0,color18)"onMouseOut="change_image(0,Normal18)" title="<?php echo $StrInfo[17]; ?>" alt="<?php echo $StrInfo[17]; ?>" /> <area shape="poly" coords="349,260,354,258,356,260,359,260,365,260,369,259,371,256,371,253,371,249,371,245,371,240,374,236,378,233,377,230,374,229,371,227,369,224,366,222,363,221,359,221,353,221,353,219,352,215,350,212,349,211,346,212,343,213,340,213,337,213,334,212,331,212,327,212,327,215,328,218,326,222,326,224,328,229,330,231,330,235,330,240,331,244,333,246,337,248,339,252,341,254" href="index.php?d=58" onMouseOver="change_image(0,color58)"onMouseOut="change_image(0,Normal58)" title="<?php echo $StrInfo[57]; ?>" alt="<?php echo $StrInfo[57]; ?>" /> <area shape="poly" coords="376,233,383,237,389,240,388,243,396,249,400,248,402,247,407,245,412,243,418,243,423,246,427,247,432,249,429,251,426,253,426,257,427,261,430,265,427,268,430,271,430,274,426,274,422,274,417,275,414,275,411,273,408,274,407,278,407,282,407,287,407,290,404,292,402,290,403,284,400,283,398,285,395,287,391,287,389,287,387,291,386,293,382,293,380,293,375,293,371,292,369,287,367,286,369,283,371,279,373,277,369,275,366,274,361,273,358,272,356,270,354,266,352,263,350,261,351,258,356,258,359,260,364,260,368,259,373,258,372,254,372,248,372,241,374,237" href="index.php?d=71" onMouseOver="change_image(0,color71)"onMouseOut="change_image(0,Normal71)" title="<?php echo $StrInfo[70]; ?>" alt="<?php echo $StrInfo[70]; ?>" /> <area shape="poly" coords="431,228,437,226,441,226,441,230,441,233,441,237,440,238,445,240,448,241,450,244,452,249,455,249,459,249,462,252,462,255,462,259,460,261,457,262,457,264,461,266,462,268,463,271,460,274,458,276,454,276,453,278,451,282,448,283,446,283,443,283,440,280,438,280,438,282,434,284,431,282,428,279,426,274,429,274,430,271,426,268,427,265,428,263,426,259,425,256,425,253,432,253,429,247,425,245,425,235" href="index.php?d=39" onMouseOver="change_image(0,color39)"onMouseOut="change_image(0,Normal39)" title="<?php echo $StrInfo[38]; ?>" alt="<?php echo $StrInfo[38]; ?>" /> <area shape="poly" coords="300,281,302,277,306,274,310,275,313,274,315,271,315,268,315,264,317,260,324,260,326,257,330,256,333,260,335,262,342,262,342,264,348,262,351,265,356,271,361,272,366,272,367,275,373,277,368,279,368,283,365,285,362,288,363,291,365,295,366,301,366,306,360,306,360,303,355,303,351,301,346,301,344,302,340,302,334,301,330,298,330,294,330,290,327,288,324,291,322,293,319,294,317,296,315,299,312,296,313,293,309,290,304,287,301,285" href="index.php?d=03" onMouseOver="change_image(0,color3)"onMouseOut="change_image(0,Normal3)" onMouseOver="change_image(0,color3)"onMouseOut="change_image(0,Normal3)" title="<?php echo $StrInfo[2]; ?>" alt="<?php echo $StrInfo[2]; ?>" /> <area shape="poly" coords="211,234,216,241,222,242,225,247,230,247,233,247,236,246,240,249,240,253,240,258,246,260,248,267,252,270,256,275,257,279,253,280,252,282,252,285,248,287,244,287,242,289,242,292,242,295,238,296,235,296,233,294,229,292,228,294,228,299,224,299,220,299,217,298,217,293,213,292,214,288,214,282,209,280,208,277,210,268,208,260,210,249,207,245,204,237" href="index.php?d=86" onMouseOver="change_image(0,color86)"onMouseOut="change_image(0,Normal86)" title="<?php echo $StrInfo[85]; ?>" alt="<?php echo $StrInfo[85]; ?>" /> <area shape="poly" coords="179,239,184,241,188,239,189,237,191,241,194,238,197,237,202,237,204,240,207,246,210,250,210,255,207,258,209,263,210,266,209,271,207,274,207,277,211,280,213,281,213,285,213,289,210,290,215,293,216,296,214,297,208,297,206,299,204,301,202,301,200,298,196,297,193,297,188,295,184,292,180,289,181,286,182,283,184,280,188,280,189,279,185,276,182,272,183,267,183,261,184,255,181,251,179,245" href="index.php?d=79" onMouseOver="change_image(0,color79)"onMouseOut="change_image(0,Normal79)" title="<?php echo $StrInfo[78]; ?>" alt="<?php echo $StrInfo[78]; ?>" /> <area shape="poly" coords="127,235,123,239,123,243,123,248,127,252,129,258,134,263,137,270,143,274,151,275,153,281,158,284,163,282,172,282,171,283,179,279,180,283,185,281,189,278,185,276,183,273,184,269,184,255,181,250,180,246,179,243,177,238,173,237,168,237,163,234,159,232,157,234,156,238,153,242,147,244,145,246,142,244,137,244,133,241,132,239" href="index.php?d=85" onMouseOver="change_image(0,color85)"onMouseOut="change_image(0,Normal85)" title="<?php echo $StrInfo[84]; ?>" alt="<?php echo $StrInfo[84]; ?>" /> <area shape="poly" coords="159,284,158,290,161,295,163,298,166,300,163,303,163,306,162,310,159,311,155,312,152,314,154,317,158,317,161,317,164,320,170,324,171,326,175,332,177,337,178,341,183,341,186,343,191,345,192,350,198,354,204,354,208,352,208,348,206,345,202,344,199,342,196,341,191,337,191,334,193,331,193,328,192,324,192,319,192,316,192,313,198,313,200,311,201,306,202,304,201,300,194,296,190,296,187,293,183,291,180,287,180,283,180,280,179,278,176,281,172,283,167,282" href="index.php?d=17" onMouseOver="change_image(0,color17)"onMouseOut="change_image(0,Normal17)" title="<?php echo $StrInfo[16]; ?>" alt="<?php echo $StrInfo[16]; ?>" /> <area shape="poly" coords="203,301,206,299,210,297,215,297,218,299,222,299,228,299,229,295,228,292,232,293,235,294,240,296,244,299,244,301,246,304,243,308,239,311,235,315,235,319,231,323,229,326,229,329,228,332,224,332,221,336,218,339,214,343,213,346,210,348,208,346,204,343,200,340,196,340,192,337,193,332,193,327,192,325,192,317,193,314,201,313" href="index.php?d=16" onMouseOver="change_image(0,color16)"onMouseOut="change_image(0,Normal16)" title="<?php echo $StrInfo[15]; ?>" alt="<?php echo $StrInfo[15]; ?>" /> <area shape="poly" coords="232,322,236,313,240,308,244,307,245,303,245,300,243,297,242,295,242,290,246,288,250,288,251,285,253,282,256,280,261,281,265,284,266,290,267,294,269,298,270,302,271,306,270,309,272,310,274,312,274,314,278,317,281,317,284,319,285,323,281,327,278,329,274,331,270,332,267,334,263,335,259,337,256,336,254,333,253,331,248,330,247,329,243,329,239,327,236,325" href="index.php?d=87" onMouseOver="change_image(0,color87)"onMouseOut="change_image(0,Normal87)" title="<?php echo $StrInfo[86]; ?>" alt="<?php echo $StrInfo[86]; ?>" /> <area shape="poly" coords="266,286,271,282,275,283,279,280,280,279,284,281,289,280,294,280,299,280,300,281,301,285,306,287,309,290,311,292,313,297,315,300,315,305,312,307,312,312,309,312,308,316,309,319,309,324,308,326,304,326,299,324,294,321,293,318,290,319,287,320,285,320,281,318,277,317,273,314,270,310,271,306,271,299,266,293" href="index.php?d=23" onMouseOver="change_image(0,color23)"onMouseOut="change_image(0,Normal23)" title="<?php echo $StrInfo[22]; ?>" alt="<?php echo $StrInfo[22]; ?>" /> <area shape="poly" coords="309,326,309,319,308,316,310,312,312,308,315,305,315,301,315,298,319,294,324,292,328,290,330,291,330,295,331,299,335,301,337,302,341,302,346,302,349,300,353,303,358,304,362,307,361,310,362,316,362,320,366,321,370,325,372,326,372,331,372,335,370,336,367,342,363,344,358,345,353,343,348,342,344,342,339,342,336,344,334,347,331,345,330,342,327,339,324,340,323,341,317,340,317,337,313,336,312,331" href="index.php?d=63" onMouseOver="change_image(0,color63)"onMouseOut="change_image(0,Normal63)" title="<?php echo $StrInfo[62]; ?>" alt="<?php echo $StrInfo[62]; ?>" /> <area shape="poly" coords="367,285,371,292,377,294,384,293,387,295,385,297,384,302,384,309,385,311,386,315,386,319,388,323,392,325,395,328,399,330,403,333,406,333,406,337,405,340,403,341,402,346,399,346,396,349,392,348,389,346,389,344,384,343,379,342,376,340,372,338,371,336,372,331,371,325,366,322,364,320,361,317,361,311,361,307,366,307,366,304,366,298,365,294,363,289" href="index.php?d=42" onMouseOver="change_image(0,color42)"onMouseOut="change_image(0,Normal42)" title="<?php echo $StrInfo[41]; ?>" alt="<?php echo $StrInfo[41]; ?>" /> <area shape="poly" coords="389,287,395,288,399,285,401,282,402,285,401,288,402,291,405,294,405,298,405,303,404,308,405,311,409,311,410,313,415,315,419,316,416,321,412,323,409,325,407,325,408,331,406,333,401,331,397,328,391,326,388,323,386,317,386,313,385,309,383,301,386,291" href="index.php?d=69" onMouseOver="change_image(0,color69)"onMouseOut="change_image(0,Normal69)" title="<?php echo $StrInfo[68]; ?>" alt="<?php echo $StrInfo[68]; ?>" /> <area shape="poly" coords="410,274,415,275,420,274,425,274,426,278,430,281,435,284,439,279,442,283,448,283,451,281,452,277,455,276,459,276,461,280,460,283,457,287,454,291,450,293,449,296,447,301,447,305,447,311,447,318,444,320,442,323,439,326,437,321,434,317,432,312,431,310,427,310,427,312,425,316,423,316,418,316,414,313,410,311,407,310,404,309,404,293,408,281" href="index.php?d=01" onMouseOver="change_image(0,color1)"onMouseOut="change_image(0,Normal1)" title="<?php echo $StrInfo[0]; ?>" alt="<?php echo $StrInfo[0]; ?>" /> <area shape="poly" coords="454,291,462,292,467,290,469,286,468,282,469,278,473,275,478,275,480,275,485,277,490,280,490,283,490,287,490,291,491,294,492,296,497,300,497,302,497,306,495,307,492,309,488,310,485,313,482,313,478,311,477,308,475,307,472,307,470,309,470,313,470,316,470,317,464,317,459,317,456,314,451,310,446,306,447,300,450,295" href="index.php?d=74" onMouseOver="change_image(0,color74)"onMouseOut="change_image(0,Normal74)" title="<?php echo $StrInfo[73]; ?>" alt="<?php echo $StrInfo[73]; ?>" /> <area shape="poly" coords="487,313,493,320,497,319,498,324,501,331,504,336,508,342,504,345,500,347,495,349,491,349,487,349,485,353,481,353,477,353,472,353,468,353,466,351,462,348,463,343,463,336,459,334,452,335,447,334,443,332,440,325,445,319,447,313,447,307,459,317,471,317,471,308,474,306,478,310,482,314" href="index.php?d=73" onMouseOver="change_image(0,color73)"onMouseOut="change_image(0,Normal73)" title="<?php echo $StrInfo[72]; ?>" alt="<?php echo $StrInfo[72]; ?>" /> <area shape="poly" coords="405,339,406,333,409,331,407,327,407,324,410,324,412,322,416,318,418,316,423,316,426,314,429,309,434,317,439,324,442,329,445,333,450,335,456,334,461,333,461,335,464,341,462,344,462,347,464,349,468,352,471,352,469,356,469,359,472,361,472,365,469,369,466,372,462,371,460,374,455,378,452,379,450,378,448,375,444,375,440,373,437,370,437,366,439,362,438,359,436,358,431,358,427,358,427,355,426,350,425,348,422,344,420,344,417,345,412,345,406,343" href="./index.php?d=38" onMouseOver="change_image(0,color38)"onMouseOut="change_image(0,Normal38)" title="<?php echo $StrInfo[37]; ?>" alt="<?php echo $StrInfo[37]; ?>" /> <area shape="poly" coords="408,346,422,344,425,349,426,356,427,359,432,359,437,359,440,363,437,366,437,370,441,373,445,375,450,377,452,380,450,382,446,382,443,382,443,385,446,388,447,390,443,391,439,391,436,392,439,395,443,398,445,401,449,402,450,404,450,407,446,412,442,414,438,415,438,410,433,410,430,407,427,405,425,404,421,404,417,405,416,408,413,409,411,404,402,403,402,400,405,390,406,380,408,369" href="index.php?d=26" onMouseOver="change_image(0,color26)"onMouseOut="change_image(0,Normal26)" title="<?php echo $StrInfo[25]; ?>" alt="<?php echo $StrInfo[25]; ?>" /> <area shape="poly" coords="404,340,408,346,408,351,409,358,409,363,409,370,407,375,407,382,405,386,404,394,403,399,400,400,397,401,395,404,391,404,388,401,386,404,382,404,379,402,378,399,377,396,375,392,374,388,371,385,368,381,372,377,375,376,378,373,380,370,381,368,385,367,389,364,389,361,389,357,391,354,395,353,398,350,400,346" href="index.php?d=07" onMouseOver="change_image(0,color7)"onMouseOut="change_image(0,Normal7)" title="<?php echo $StrInfo[6];?>" alt="<?php echo $StrInfo[6]; ?>" /> <area shape="poly" coords="369,337,374,340,380,343,388,344,390,346,392,349,397,351,393,353,390,356,389,360,389,364,386,364,383,365,381,368,379,371,378,373,376,373,374,376,372,378,369,379,367,376,365,375,362,373,360,371,358,370,356,373,353,373,351,372,351,368,349,366,347,365,347,360,345,355,342,352,340,350,335,345,340,343,347,343,351,343,355,345,361,345,365,342" href="index.php?d=43" onMouseOver="change_image(0,color43)"onMouseOut="change_image(0,Normal43)" title="<?php echo $StrInfo[42];?>" alt="<?php echo $StrInfo[42]; ?>" /> <area shape="poly" coords="333,347,327,339,322,340,317,340,315,336,312,336,311,339,307,340,306,342,303,345,300,347,299,352,295,357,294,361,291,366,293,370,295,373,297,377,297,382,297,388,301,383,309,383,312,379,316,373,318,369,322,369,322,373,325,373,327,377,330,381,336,376,336,371,339,371,342,368,347,365,347,356,343,352,335,346" href="index.php?d=15" onMouseOver="change_image(0,color15)"onMouseOut="change_image(0,Normal15)" title="<?php echo $StrInfo[14];?>" alt="<?php echo $StrInfo[14]; ?>" /> <area shape="poly" coords="260,337,269,334,274,332,279,327,284,325,286,320,290,318,293,318,295,323,302,325,311,325,311,331,314,337,309,339,306,340,305,344,302,346,299,349,298,353,296,357,293,362,293,366,290,367,288,364,285,364,284,366,281,367,280,365,275,362,272,361,267,361,265,360,264,355,259,353,259,349,261,344" href="index.php?d=19" onMouseOver="change_image(0,color19)"onMouseOut="change_image(0,Normal19)" title="<?php echo $StrInfo[18];?>" alt="<?php echo $StrInfo[18]; ?>" /> <area shape="poly" coords="232,322,240,329,248,329,252,333,258,337,261,337,261,342,260,345,259,348,258,351,260,353,265,356,265,360,263,362,267,366,267,368,251,386,246,383,245,387,242,387,242,382,241,379,237,380,231,381,227,383,224,383,222,379,221,376,219,373,217,370,213,370,210,370,208,370,208,367,210,366,210,362,210,357,210,355,207,354,208,350,210,347" href="index.php?d=24" onMouseOver="change_image(0,color24)"onMouseOut="change_image(0,Normal24)" title="<?php echo $StrInfo[23];?>" alt="<?php echo $StrInfo[23]; ?>" /> <area shape="poly" coords="162,326,160,333,160,338,159,344,156,350,156,355,156,359,155,364,152,369,153,373,155,373,156,369,159,369,160,372,161,374,163,379,160,379,156,379,153,380,152,387,155,393,156,389,161,387,164,390,167,392,170,392,176,392,180,395,182,397,186,400,187,403,192,407,196,406,198,406,202,402,202,397,205,393,207,388,211,386,212,382,212,380,211,376,215,374,217,373,216,371,209,371,207,369,209,365,210,363,210,358,210,356,208,354,204,354,201,355,198,354,195,352,192,349,191,346,189,345,186,343,182,342,179,342,178,343,179,349,179,350,180,354,183,358,180,359,178,357,176,350,175,346,172,340,169,335,166,333" href="index.php?d=33" onMouseOver="change_image(0,color33)"onMouseOut="change_image(0,Normal33)" title="<?php echo $StrInfo[32];?>" alt="<?php echo $StrInfo[32]; ?>" /> <area shape="poly" coords="218,373,223,380,225,384,228,381,233,380,238,379,241,380,241,383,242,387,245,387,245,383,249,385,249,387,249,390,250,393,252,396,252,397,249,398,246,399,243,396,241,397,241,400,242,402,243,406,243,408,241,410,240,412,240,413,239,416,236,418,233,419,229,418,225,417,221,418,218,420,214,420,211,421,208,420,205,416,206,413,210,411,210,409,205,409,202,409,200,406,201,403,203,394,208,388,213,386,214,382,213,378,211,376" href="index.php?d=47" onMouseOver="change_image(0,color47)"onMouseOut="change_image(0,Normal47)" title="<?php echo $StrInfo[46];?>" alt="<?php echo $StrInfo[46]; ?>" /> <area shape="poly" coords="264,361,270,361,275,362,279,365,281,368,285,366,287,364,290,367,293,370,294,373,296,377,296,381,297,385,297,388,293,388,289,390,285,390,285,392,285,395,285,396,285,399,282,402,279,403,273,404,270,406,265,406,262,407,258,404,255,401,255,398,253,396,250,392,250,388,251,385,268,369,268,366" href="index.php?d=46" onMouseOver="change_image(0,color46)"onMouseOut="change_image(0,Normal46)" title="<?php echo $StrInfo[45];?>" alt="<?php echo $StrInfo[45]; ?>" /> <area shape="poly" coords="320,369,323,373,325,374,329,381,332,386,335,388,337,393,339,399,340,404,338,408,342,410,345,412,346,415,347,419,350,421,347,424,344,426,343,430,340,432,335,434,335,438,331,439,328,436,326,436,322,437,318,437,315,435,313,432,310,426,309,420,306,418,302,418,300,414,297,412,291,412,289,411,289,408,287,405,284,401,285,397,285,390,295,388,300,388,303,383,309,383,311,379" href="index.php?d=12" onMouseOver="change_image(0,color12)"onMouseOut="change_image(0,Normal12)" title="<?php echo $StrInfo[11];?>" alt="<?php echo $StrInfo[11]; ?>" /> <area shape="poly" coords="346,411,356,414,362,412,366,413,373,411,373,401,369,397,375,393,374,389,371,385,369,381,368,378,365,374,360,371,358,370,355,373,351,373,351,368,349,366,347,366,340,370,335,371,336,376,334,376,330,383,334,388,340,402,339,407" href="index.php?d=48" onMouseOver="change_image(0,color48)"onMouseOut="change_image(0,Normal48)" title="<?php echo $StrInfo[47];?>" alt="<?php echo $StrInfo[47]; ?>" /> <area shape="poly" coords="383,451,387,451,390,447,393,444,398,439,401,438,402,432,405,428,409,426,412,424,412,420,408,416,405,410,402,405,401,402,399,400,396,401,394,403,392,404,390,403,386,404,382,404,381,401,378,398,377,395,374,395,370,396,369,397,373,400,373,411,368,412,364,412,362,412,358,412,351,413,348,411,345,411,347,417,349,419,350,421,345,428,344,430,347,430,350,428,354,427,358,426,361,423,364,420,367,422,369,427,374,429,378,434,381,436" href="index.php?d=30" onMouseOver="change_image(0,color30)"onMouseOut="change_image(0,Normal30)" title="<?php echo $StrInfo[29];?>" alt="<?php echo $StrInfo[29]; ?>" /> <area shape="poly" coords="471,353,484,354,488,357,492,361,492,367,496,370,499,369,503,372,504,375,502,378,497,381,495,381,491,385,491,388,489,390,486,391,480,391,475,389,471,389,471,394,469,393,466,391,461,393,461,397,457,402,455,407,450,406,449,402,446,400,443,398,435,391,447,391,444,386,443,382,450,382,452,379,456,373,458,376,462,371,467,371,472,364,468,357" href="index.php?d=05" onMouseOver="change_image(0,color5)"onMouseOut="change_image(0,Normal5)" title="<?php echo $StrInfo[4];?>" alt="<?php echo $StrInfo[4]; ?>" /> <area shape="poly" coords="498,381,498,396,495,399,490,400,490,405,492,411,494,413,497,415,499,419,497,421,494,423,493,424,493,428,493,431,491,432,488,432,485,429,484,431,483,434,480,436,477,436,475,432,474,434,472,437,468,437,466,436,462,437,457,436,453,436,452,433,448,430,446,426,443,423,444,419,443,416,450,405,454,407,457,404,458,400,459,397,460,397,462,390,467,392,470,394,470,389,477,389,478,391,487,391,490,385,494,382" href="index.php?d=04" onMouseOver="change_image(0,color4)"onMouseOut="change_image(0,Normal4)" onMouseOver="change_image(0,color4)"onMouseOut="change_image(0,Normal4)" title="<?php echo $StrInfo[3];?>" alt="<?php echo $StrInfo[3]; ?>" /> <area shape="poly" coords="498,396,505,402,514,407,518,407,526,407,530,405,535,401,539,406,538,410,536,416,535,419,535,426,535,430,532,435,530,438,527,438,523,440,519,440,516,444,516,449,515,451,510,450,508,448,504,448,503,443,500,440,496,437,493,436,492,429,493,423,499,420,498,417,493,411,491,407,491,402" href="index.php?d=06" onMouseOver="change_image(0,color6)"onMouseOut="change_image(0,Normal6)" title="<?php echo $StrInfo[5];?>" alt="<?php echo $StrInfo[5]; ?>" /> <area shape="poly" coords="453,436,463,437,467,436,471,436,475,433,477,436,482,434,484,430,486,428,489,433,492,433,494,437,498,439,501,443,503,446,504,449,502,451,499,453,497,454,497,458,497,461,499,464,502,467,497,467,493,467,489,468,486,470,485,473,478,473,476,474,476,476,472,474,468,475,464,475,460,473,455,470,451,467,450,461,450,457,449,455,453,455,453,451,449,447,449,444" href="index.php?d=83" onMouseOver="change_image(0,color83)"onMouseOut="change_image(0,Normal83)" title="<?php echo $StrInfo[82];?>" alt="<?php echo $StrInfo[82]; ?>" /> <area shape="poly" coords="556,429,559,442,563,450,564,458,566,466,566,475,563,480,559,485,559,490,556,491,553,490,546,487,543,481,542,474,538,470,535,466,532,461,527,461,526,460,528,455,532,454,536,451,543,450,545,446,551,448" href="index.php?d=2B" onMouseOver="change_image(0,color2B)"onMouseOut="change_image(0,Normal2B)" title="<?php echo $StrInfo[201];?>" alt="<?php echo $StrInfo[201]; ?>" /> <area shape="poly" coords="546,525,551,518,552,510,555,504,557,500,557,492,554,490,549,487,546,485,544,479,541,474,539,468,534,464,530,461,527,461,523,461,521,464,525,467,527,468,526,471,523,473,523,476,524,479,528,482,526,485,524,486,523,489,528,490,529,491,529,494,525,495,521,499,525,500,529,503,527,503,524,506,527,511,537,517,539,521" href="index.php?d=2A" onMouseOver="change_image(0,color2A)"onMouseOut="change_image(0,Normal2A)" title="<?php echo $StrInfo[200];?>" alt="<?php echo $StrInfo[200]; ?>" /> <area shape="poly" coords="402,403,411,403,414,409,420,405,426,405,430,408,435,410,440,414,440,416,443,416,443,420,445,425,448,429,452,432,452,435,452,438,450,439,444,439,440,439,434,437,429,437,424,436,420,433,415,428,411,425,412,421,407,413" href="index.php?d=84" onMouseOver="change_image(0,color84)"onMouseOut="change_image(0,Normal84)" title="<?php echo $StrInfo[83];?>" alt="<?php echo $StrInfo[83]; ?>" /> <area shape="poly" coords="451,440,449,445,450,449,453,451,452,453,450,455,451,459,451,463,451,467,445,467,441,465,440,462,436,462,434,464,431,464,427,464,425,462,426,463,427,457,432,455,433,452,431,449,428,448,426,448,426,456,424,456,421,455,418,456,415,457,414,460,414,462,410,462,408,460,407,457,407,452,408,449,406,448,402,448,402,453,400,454,399,457,395,455,392,454,388,451,393,445,396,441,402,439,401,431,404,427,409,426,414,428,420,433,426,436,435,438" href="index.php?d=13" onMouseOver="change_image(0,color13)"onMouseOut="change_image(0,Normal13)" title="<?php echo $StrInfo[12];?>" alt="<?php echo $StrInfo[12]; ?>" /> <area shape="poly" coords="381,450,381,438,378,435,376,432,373,429,370,427,366,420,363,421,360,425,358,427,355,427,350,430,345,430,342,430,338,433,335,437,333,439,329,442,324,445,320,442,318,442,318,445,318,448,319,450,319,453,317,456,314,457,316,462,318,464,322,465,324,464,327,464,330,462,334,463,338,464,341,465,341,467,343,469,344,472,347,473,351,473,354,468,357,466,361,466,363,463,367,460,370,459,373,455,379,453" href="index.php?d=34" onMouseOver="change_image(0,color34)"onMouseOut="change_image(0,Normal34)" title="<?php echo $StrInfo[33];?>" alt="<?php echo $StrInfo[33]; ?>" /> <area shape="poly" coords="332,440,327,436,321,437,316,436,313,430,312,426,310,420,308,418,301,418,301,412,296,412,289,412,283,412,280,414,280,416,277,419,275,423,271,426,272,429,274,433,276,437,277,441,281,446,285,449,289,451,293,454,298,455,299,457,299,453,303,453,307,454,310,457,315,457,318,456,319,450,317,445,318,442,323,443" href="index.php?d=81" onMouseOver="change_image(0,color81)"onMouseOut="change_image(0,Normal81)" title="<?php echo $StrInfo[80];?>" alt="<?php echo $StrInfo[80]; ?>" /> <area shape="poly" coords="290,411,288,407,285,403,282,401,279,403,273,405,270,406,264,406,258,406,256,402,254,397,252,397,245,399,242,395,242,398,242,402,242,408,239,411,238,416,241,420,240,423,242,428,242,431,244,433,250,435,253,437,257,437,261,435,266,433,266,428,271,428,279,417,283,412" href="index.php?d=82" onMouseOver="change_image(0,color82)"onMouseOut="change_image(0,Normal82)" title="<?php echo $StrInfo[81];?>" alt="<?php echo $StrInfo[81]; ?>" /> <area shape="poly" coords="238,417,240,422,243,429,244,433,251,437,250,440,252,445,249,448,248,452,247,455,245,459,242,456,238,453,235,453,234,455,233,458,231,460,227,460,223,460,221,459,215,455,212,452,211,449,206,445,202,442,199,442,195,442,192,442,192,438,193,434,196,430,197,426,201,421,205,423,208,426,209,422,217,420,225,418,233,419" href="index.php?d=32" onMouseOver="change_image(0,color32)"onMouseOut="change_image(0,Normal32)" title="<?php echo $StrInfo[31];?>" alt="<?php echo $StrInfo[31]; ?>" /> <area shape="poly" coords="160,386,164,390,168,393,171,392,177,392,177,395,183,398,184,399,189,404,193,407,198,406,201,409,205,409,210,409,209,411,206,412,205,415,206,418,209,421,207,425,204,423,201,422,198,425,198,428,195,433,192,436,194,440,194,442,191,444,186,445,182,445,176,445,173,445,166,445,160,445,156,446,154,448,145,448,140,448,136,447,141,436,143,424,149,414,150,407,151,398,154,392" href="index.php?d=40" onMouseOver="change_image(0,color40)"onMouseOut="change_image(0,Normal40)" title="<?php echo $StrInfo[39];?>" alt="<?php echo $StrInfo[39]; ?>" /> <area shape="poly" coords="127,455,130,451,135,447,140,448,154,447,157,445,165,445,176,445,183,445,188,445,192,442,195,442,201,442,200,444,201,448,202,452,203,456,202,460,200,466,199,467,196,472,193,476,191,476,191,481,190,485,190,492,186,494,183,494,180,496,176,492,173,490,174,485,170,485,164,484,160,482,154,481,150,478,150,474,149,472,147,472,146,475,142,475,140,473,142,469,143,466,141,464,137,463,132,460" href="index.php?d=64" onMouseOver="change_image(0,color64)"onMouseOut="change_image(0,Normal64)" title="<?php echo $StrInfo[63];?>" alt="<?php echo $StrInfo[63]; ?>" /> <area shape="poly" coords="191,492,198,495,200,500,205,501,208,500,214,501,219,500,220,494,220,490,220,487,223,487,225,485,227,482,228,477,226,473,224,470,226,467,228,463,231,460,225,460,222,460,218,457,214,454,211,451,207,446,203,442,200,442,202,447,202,452,202,456,203,459,201,462,199,467,197,471,196,474,192,476,190,481" href="index.php?d=65" onMouseOver="change_image(0,color65)"onMouseOut="change_image(0,Normal65)" title="<?php echo $StrInfo[64];?>" alt="<?php echo $StrInfo[64]; ?>" /> <area shape="poly" coords="219,500,225,502,230,502,235,502,235,498,235,493,238,493,243,496,243,491,242,488,244,483,246,480,245,476,242,474,249,471,252,471,256,472,258,471,260,469,258,466,257,464,258,462,260,462,265,463,265,465,266,467,270,467,274,465,277,464,278,461,280,458,283,456,288,456,292,456,292,453,289,450,286,449,282,447,280,444,278,440,277,437,275,433,273,429,270,427,266,427,264,431,265,432,260,433,258,433,256,433,252,437,252,438,251,440,251,442,251,446,249,447,249,450,248,453,248,456,247,457,244,458,242,455,239,454,236,455,234,458,230,462,229,464,226,469,225,472,228,475,228,479,228,483,226,485,223,486,219,488" href="index.php?d=31" onMouseOver="change_image(0,color31)"onMouseOut="change_image(0,Normal31)" title="<?php echo $StrInfo[30];?>" alt="<?php echo $StrInfo[30]; ?>" /> <area shape="poly" coords="243,496,249,496,255,498,259,500,262,500,264,503,266,506,271,503,273,501,277,505,281,505,284,504,289,504,291,501,293,499,291,495,286,495,285,491,287,489,288,487,288,482,289,478,288,474,283,472,282,470,279,467,279,465,274,465,269,466,266,466,265,465,263,463,258,463,257,463,260,466,261,467,259,469,258,470,258,473,255,471,251,471,248,472,245,473,244,476,246,479,245,482,243,484,241,487" href="index.php?d=09" onMouseOver="change_image(0,color9)"onMouseOut="change_image(0,Normal9)" title="<?php echo $StrInfo[8];?>" alt="<?php echo $StrInfo[8]; ?>" /> <area shape="poly" coords="294,499,298,499,301,497,303,494,302,491,306,491,311,491,316,490,321,489,324,487,328,487,330,490,335,490,336,486,337,483,340,483,342,479,344,476,344,472,342,468,339,465,334,463,330,463,323,465,320,466,317,463,316,459,313,457,310,457,306,454,303,453,301,453,301,456,299,457,296,455,294,455,290,455,285,457,284,457,281,459,279,462,278,464,280,468,284,470,285,472,288,475,288,477,287,480,287,484,287,488,284,491,286,494" href="index.php?d=11" onMouseOver="change_image(0,color11)"onMouseOut="change_image(0,Normal11)" title="<?php echo $StrInfo[10];?>" alt="<?php echo $StrInfo[10]; ?>" /> <area shape="poly" coords="339,484,341,491,340,497,340,500,339,505,340,509,341,514,344,517,342,517,338,517,334,514,329,517,326,518,325,519,324,521,321,523,317,522,314,522,311,519,308,517,304,517,301,517,299,517,297,521,294,521,290,520,289,515,285,514,281,513,280,509,282,505,286,504,289,502,293,500,296,500,299,500,299,497,301,494,303,491,308,491,314,490,318,489,321,489,323,487,328,488,330,491,338,490" href="index.php?d=66" onMouseOver="change_image(0,color66)"onMouseOut="change_image(0,Normal66)" title="<?php echo $StrInfo[65];?>" alt="<?php echo $StrInfo[65]; ?>" /> </map> </p> <br> <br> <p> <hr size="5" width="80%" align="center"> <TABLE BORDER=5 CELLPADDING=0 CELLSPACING=0 ALIGN="CENTER"> <TR><TD> <FORM ACTION="http://localhost/test/index.php"> <INPUT TYPE="SUBMIT" VALUE="Retour Index"></TD> </FORM></TR> </TABLE> </p> </body> </html>

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!

ViPHP
AB
ViPHP | 5818 Messages

25 mai 2009, 13:39

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.

Eléphant du PHP | 51 Messages

25 mai 2009, 14:21

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]

ViPHP
AB
ViPHP | 5818 Messages

25 mai 2009, 14:36

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

Eléphant du PHP | 51 Messages

25 mai 2009, 15:29

Alors le onclick j'ai pigé, testé comme sa :

Code : Tout sélectionner

onclick="open('index.php?d=62', '', 'width=800,height=600,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar=no,resizable=yes')"
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 ^^

Mammouth du PHP | 1339 Messages

26 mai 2009, 00:23

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

Code : Tout sélectionner

onclick="location.href= 'index.php?d=62'"
Bon sinon tu me fais un message privé et on se fait un TeamViewer

ViPHP
AB
ViPHP | 5818 Messages

26 mai 2009, 01:47

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 :wink:
$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.

Eléphant du PHP | 51 Messages

26 mai 2009, 08:43

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!)

ViPHP
AB
ViPHP | 5818 Messages

26 mai 2009, 13:42

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 ?

Eléphant du PHP | 51 Messages

26 mai 2009, 13:52

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.