[Methodologie] Survol carte france

16 mars 2006, 10:03

Petite question de methode

Je veux réaliser une carte de france, pour qu'a chaque survol( ou clic au choix, on va pas être trop gourmande =)) sur un departement ou un regroupement de département, il s'affiche à coté de la carte une autre "image".

Donc j'avais pensé à :

Flash avec tell target, même si le flash et moi on a jamais été copain
Html area tout bêtement,
java avec des on mouse over ect...

Donc mes question : :p
Si je fais avec du html (pourquoi faire compliqué lorsqu'on peut rester simple) ça va pas être difficile de délimiter exactement chaque departement?c'estr assez complexe quand même.... une autre méthode serait plus simple?
De plus le temps à charger pour ma page par la suite comparé au flash par exemple?

merci de vos réponses

16 mars 2006, 10:15

Moi je dirai les area avec shape="poly" ...ça marche plutôt pas mal avec des évènement JS genre onClick ou onMouseover sur ces area.

16 mars 2006, 10:21

java avec des on mouse over ect...

je t'invite à lire ce petit post qui t'explique les différence entre java et javascript, pour t'éviter des problèmes de compréhension futur

16 mars 2006, 10:28

java avec des on mouse over ect...
je t'invite à lire ce petit post qui t'explique les différence entre java et javascript, pour t'éviter des problèmes de compréhension futur

Oups

, oui merci ](*,)

16 mars 2006, 10:36

Désolé du double post

Mais j'ai peur que ça mettent beaucoup de temps à charger pour les petites connexion vu que c'est tout en image, il n'y a pas moyen de déja en quelques sorte précharger les images qui s'afficheront au clic sur la carte pour gagner de la rapidité?

Autre petite question, charger une image a coté de la carte sans que celle ci ne bouge, comment? en utilisant le href il me charge l'image sur l'autre page (logique), même en utilisant un tableau pour l'afficher a coté de la carte

16 mars 2006, 10:50

Désolé du double post

Mais j'ai peur que ça mettent beaucoup de temps à charger pour les petites connexion vu que c'est tout en image, il n'y a pas moyen de déja en quelques sorte précharger les images qui s'afficheront au clic sur la carte pour gagner de la rapidité?

Ca dépends si ta carte est en format gif et pas immense, le temps de chargement peut être rapide même pour les petites connexions. Il y a biensûr des solutions de préchargement d'images t'as juste à faire google

Autre petite question, charger une image a coté de la carte sans que celle ci ne bouge, comment? en utilisant le href il me charge l'image sur l'autre page (logique), même en utilisant un tableau pour l'afficher a coté de la carte

Tu peux utiliser un jeu de frames, ou tout simplement recharger ta page avec des paramêtres dans le GET ou utiliser de l'ajax

etc...

16 mars 2006, 10:59

Désolé du double post

Mais j'ai peur que ça mettent beaucoup de temps à charger pour les petites connexion vu que c'est tout en image, il n'y a pas moyen de déja en quelques sorte précharger les images qui s'afficheront au clic sur la carte pour gagner de la rapidité?
Ca dépends si ta carte est en format gif et pas immense, le temps de chargement peut être rapide même pour les petites connexions. Il y a biensûr des solutions de préchargement d'images t'as juste à faire google

Nop justement elle est en jpg, c'est pour ça que je demande, très belle mais très lourde :/
Je vais aller fouiller par la voir si je trouve une solution

Autre petite question, charger une image a coté de la carte sans que celle ci ne bouge, comment? en utilisant le href il me charge l'image sur l'autre page (logique), même en utilisant un tableau pour l'afficher a coté de la carte

Tu peux utiliser un jeu de frames, ou tout simplement recharger ta page avec des paramêtres dans le GET ou utiliser de l'ajax

etc...[/quote]
Je veux pas la recharger pour pas que ça soit trop lourd justement, vais tester ac des frames

16 mars 2006, 12:16

tu peux passer ton image jpg en gif...et franchement la qualité sera un peu inférieure mais ce n'est pas primordiale.

16 mars 2006, 12:40

je susi très quiche vous m'excuserai mais mon jeu de frame ne marche pas

AU secours

16 mars 2006, 13:56

je susi très quiche vous m'excuserai mais mon jeu de frame ne marche pas

AU secours

Dis nous ce qui ne va pas et donnes ton code

16 mars 2006, 15:14

Code : Tout sélectionner

<frameset cols="*,*" frameborder="NO" border="0" framespacing="0">
  <frame src="carte.htm" name="leftFrame" >
  <frame src="CarteIndex.2" name="mainFrame">
</frameset>

Code : Tout sélectionner

<img src="Images/Equipe/carte.jpg" width="500" height="497" border="0" usemap="#Map">
<map name="Map">
  <area shape="poly" coords="269,79,260,77,250,76,249,75,246,67,235,57,242,38,262,51,268,50,272,55,295,61,293,70,292,77,278,84" href="Images/Equipe/fd.gif">
  <area shape="poly" coords="376,195,364,184,355,170,358,156,347,147,358,142,361,134,379,146,381,152,391,161,388,166,397,176,390,189,379,191" href="Images/Equipe/titi.gif">
  <area shape="poly" coords="200,186,206,176,208,163,190,154,192,146,187,146,177,150,173,141,151,145,142,142,137,155,142,158,139,169,132,178,154,184,163,180,173,189,187,193" href="Images/Equipe/tutu.gif">
  <area shape="poly" coords="73,185,84,194,80,203,88,205,98,204,95,205,92,215,99,221,97,229,91,232,103,242,104,245,106,252,127,264,136,259,141,263,151,259,151,254,148,237,141,225,149,224,155,220,165,221,171,222,165,220,170,226,175,234,173,
234,175,242,172,244,170,248,174,251,174,263,179,265,177,271,186,280,193,279,203,277,205,271,207,271,214,269,218,263,223,265,227,262,231,261,221,261,233,260,237,263,244,259,260,261,261,257,274,253,273,246,282,243,292,242,281,243,289,238,291,228,292,220,284,214,286,212,287,202,277,202,263,194
,248,191,235,183,233,172,225,175,220,168,210,166,209,176,198,190,182,194,171,188,159,180,152,184,131,177,140,163,137,156,138,140,134,136,126,140,123,133,107,131,101,134,92,127,78,137,68,118,48,117,47,127,47,139,47,149,39,156,50,166,46,172,46,174,62,186" href="Images/Equipe/titi.gif">
  <area shape="poly" coords="435,100,428,107,420,92,409,88,397,89,391,83,382,87,383,93,392,92,391,105,396,112,391,126,391,136,392,141,401,151,422,149,428,146,434,149,443,142,443,150,446,155,469,131,478,122,479,112,453,106,447,109" href="Images/Equipe/toto.gif">
  <area shape="poly" coords="467,131,445,157,436,169,434,182,430,187,429,196,442,199,446,196,451,200,460,198,463,162,466,153" href="Images/Equipe/ctutu.gif">
  <area shape="poly" coords="328,40,317,43,312,30,304,31,299,15,277,18,274,-2,242,8,243,34,262,48,268,45,273,53,299,59,293,70,294,78,296,93,318,99,327,94,353,104,366,105,367,87,378,85,359,73,357,58,339,64,333,51" href="Images/Equipe/tze.gif">
  <area shape="poly" coords="419,303,428,290,436,296,440,289,447,283,440,278,438,273,436,265,432,262,420,266,414,276,407,278,397,280,409,298,414,296" href="Images/Equipe/ctz.gif">
  <area shape="poly" coords="366,294,377,295,384,291,400,316,406,310,416,316,413,325,418,334,422,340,424,346,410,346,400,355,396,361,396,368,388,372,397,378,398,386,391,387,393,397,395,399,397,407,410,406,412,411,420,405,426,406,437,401,448,399,438,383,446,372,449,347,452,353,444,346,433,332,440,324,444,328,452,319,452,313,444,301,436,300,429,292,420,301,414,299,408,296,398,281,399,276,404,272,410,265,406,260,411,251,421,240,421,230,439,215,440,203,433,
196,429,189,434,178,439,167,447,152,443,139,434,145,426,144,418,148,411,148,402,147,391,136,390,130,396,113,392,101,390,92,382,93,382,85,368,86,368,96,364,103,364,113,365,118,363,124,366,134,382,145,382,150,394,161,390,167,399,173,395,182,390,190,383,190,375,197,371,191,365,188,361,184,363,179,354,172,354,168,357,165,359,152,348,143,347,141,339,138,337,134,331,133,322,143,312,143,311,138,306,145,305,151,292,153,293,159,291,165,298,171,291,180,
290,186,288,190,289,194,303,199,308,201,308,196,321,205,330,207,338,219,328,229,332,238,325,245,322,246,316,244,318,252,330,260,329,267,323,271,324,272,338,276,345,269,350,267,358,271,359,276,359,286" href="Images/Equipe/toto.gif">
  <area shape="circle" coords="64,55,25" href="Images/Equipe/tony.gif">
  <area shape="poly" coords="384,295,372,298,357,288,358,277,350,269,346,268,343,275,338,282,344,294,345,306,353,308,357,316,362,322,369,321,379,329,375,335,384,337,388,334,388,349,401,356,408,348,420,346,418,335,411,330,414,316,402,315" href="Images/Equipe/titi.gif" target="_self">
  <area shape="poly" coords="394,369,399,355,388,349,389,335,384,337,377,337,375,337,378,329,370,321,359,323,364,344,359,355,360,359,355,372,357,382,363,382,365,387,375,380,381,388,379,388,382,385,393,390,397,382,387,371" href="Images/Equipe/toto.gif" >
</map>

On reprend, en appelant mon frame src dans mon area marche pas
Il faut que je fasse passer par php l'image qui correspond pour l'afficher? oui/non?

16 mars 2006, 16:09

A quoi te servent les frames (qui ne fonctionnent donc pas...) ?

16 mars 2006, 16:14

Je voudrais, que dans ma frame de gauche il y est ma carte et celle de droite les images qui correspondent, en incluant la page de gauche qui ds le area frame src...Ect ..... ça ne fonctionne pas (j'allais pas vous copier un coed faux)

=)

16 mars 2006, 17:22

J'ai rien dis ça marche -__- '

Je vous dis pas mon erreur vous allez me trouver pitoyable :p

Merci à tous, bonne journée

[Methodologie] Survol carte france

Qui est en ligne