Page 1 sur 1
[Methodologie] Survol carte france
Posté : 16 mars 2006, 10:03
par Invité
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
Posté : 16 mars 2006, 10:15
par starkeus
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.
Re: [Methodologie] Survol carte france
Posté : 16 mars 2006, 10:21
par zeus
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
Re: [Methodologie] Survol carte france
Posté : 16 mars 2006, 10:28
par Invité
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 ](*,)
Posté : 16 mars 2006, 10:36
par Invité
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
Posté : 16 mars 2006, 10:50
par starkeus
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...
Posté : 16 mars 2006, 10:59
par Invité
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
Posté : 16 mars 2006, 12:16
par starkeus
tu peux passer ton image jpg en gif...et franchement la qualité sera un peu inférieure mais ce n'est pas primordiale.
Posté : 16 mars 2006, 12:40
par Invité
je susi très quiche vous m'excuserai mais mon jeu de frame ne marche pas
AU secours
Posté : 16 mars 2006, 13:56
par starkeus
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
Posté : 16 mars 2006, 15:14
par Invité
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?
Posté : 16 mars 2006, 16:09
par mere-teresa
A quoi te servent les frames (qui ne fonctionnent donc pas...) ?
Posté : 16 mars 2006, 16:14
par Invité
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)
=)
Posté : 16 mars 2006, 17:22
par Invité
J'ai rien dis ça marche -__- '
Je vous dis pas mon erreur vous allez me trouver pitoyable :p
Merci à tous, bonne journée