Map monde avec liens sur pays

Résolu

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention -
Aurélien - 16 nov. 2007 à 17:11

hello,

j'aimerai bien mettre en ligne une carte du monde ou on pourrait cliquer sur les pays et aisni se retrouver sur une autre page du site consacrée à ce pays.

Alors est ce que je dois faire la carte sous flash mais alors je dois mettre le code du lien sous flash?? ou sinon est ce que je dois m'y prendre autrement...

tte suggestion est la bienvenue

merci

Afficher la suite

A voir également:

Map monde avec liens sur pays
Google map satellite gratuit - Guide
Partager des photos avec un lien - Guide
Indicatif pays - Guide
Telecharger carte google map - Guide
Google map ma position - Guide

65 réponses

Réponse 41 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

voila pr le code

thanks

<html>
<head>

<SCRIPT>

if(document.images)
{
preload = false;
url = new Array();
url[0] = "images/projets/monde.gif";
url[1] = "images/projets/bolivie.gif";
url[2] = "images/projets/bresil.gif";
url[3] = "images/projets/burkina.gif";
url[4] = "images/projets/colombie.gif";
url[5] = "images/projets/haiti.gif";
url[6] = "images/projets/inde.gif";
url[7] = "images/projets/madagascar.gif";
url[8] = "images/projets/mali.gif";
url[9] = "images/projets/perou.gif";
url[10] = "images/projets/senegal.gif";
url[11] = "images/projets/uruguay.gif";

var i = 0;
for(i=0; i<12; i++)
{
tmp = new Image(640, 480)
tmp.src = url[i];
}
preload = true;
}
}

function changeImage(img.index) {
if (document.images && (preload = = true)) {
document.plan.src = url[img_index];
}
}

</script>
</head>

<body>
<table align="center" border="0" width="510">

<p>
<img border="0"
id=""
alt=""
src="images/projets/monde.gif"
width="651"
height="386"
usemap="#map"/>

<map name="map" id="map">

<area
shape="poly"
coords="193,286,190,285,188,289,179,276,182,270,183,263,189,263,196,269,200,273,194,287"
alt="bolivie"
href="index.php?lang=fr&page=pro.bol"
onmouseover="changeImage(1);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="212,232,196,233,185,238,176,259,188,263,202,273,202,290,209,294,204,300,212,309,221,290,237,283,237,272,246,256,223,243,214,244,218,239,210,233"
alt="bresil"
href="index.php?lang=fr&page=pro.bre"
onmouseover="changeImage(2);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="314,230,313,226,324,225,324,235,315,235"
alt="burkina"
href="index.php?lang=fr&page=pro.bur"
onmouseover="changeImage(3);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="167,240,179,249,181,237,188,236,178,227,176,223,168,224,168,244"
alt="colombie"
href="index.php?lang=fr&page=pro.col"
onmouseover="changeImage(4);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="190,214,186,212,189,211,189,214"
alt="haïti"
href="index.php?lang=fr&page=pro.hai"
onmouseover="changeImage(5);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="452,227,442,207,439,198,456,185,459,194,485,200,477,203,457,218,455,227"
alt="inde"
href="index.php?lang=fr&page=pro.ind"
onmouseover="changeImage(6);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="401,288,397,282,401,271,406,272,402,288"
alt="madagascar"
href="index.php?lang=fr&page=pro.mad"
onmouseover="changeImage(7);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="295,209,309,195,305,194,296,205"
alt="mali"
href="index.php?lang=fr&page=pro.mal"
onmouseover="changeImage(8);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="176,270,176,259,170,247,163,253,168,267,173,273"
alt="perou"
href="index.php?lang=fr&page=pro.per"
onmouseover="changeImage(9);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="304,227,306,221,300,220,295,220,302,230"
alt="senegal"
href="index.php?lang=fr&page=pro.sen"
onmouseover="changeImage(10);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="203,317,202,306,205,302,211,310,209,315,202,315"
alt="uruguay"
href="index.php?lang=fr&page=pro.uru"
onmouseover="changeImage(11);return false;"
onmouseout="changeImage(0);return false;" >

</map>
</p>

</body>

Réponse 42 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

hum, hum…

function changeImage(img.index) {
if (document.images && (preload = = true)) {
document.plan.src = url[img_index];
} 
}

la variable du paramètre de la fonction n'est pas la même que la variable utilisée comme index du tableau d'url et on ne sépare pas les deux '='.

function changeImage(img_index) {
if (document.images && (preload == true)) {
document.plan.src = url[img_index];
}
}

pour encadrer le script, mieux vaut être en minuscules et utiliser ça :

<script type="text/javascript">
<![CDATA[

TON SCRIPT

]]>
</script>

essaie avec tout ça et on approfondit si c'est pas encore ça !

Réponse 43 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

ouille, j'avais laisser passer ca...tt les détails comptent mais :-( non c pas ca.....
ya rien qui se produit....

Réponse 44 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

hum, hum (bis)…

<img border="0"
id=""
alt=""
src="images/projets/monde.gif"
width="651"
height="386"
usemap="#map"/>

si l'image n'as pas d'identifiant comment JS va le reconnaitre ?…

<img border="0"
id="plan"
alt=""
src="images/projets/monde.gif"
width="651"
height="386"
usemap="#map"/>

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 45 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

:$ heu...t'as raison mais hélas il ne se passe tjrs rien!! quest ce que j'aurai pu oublier?? dis moi tt même ce qui peut te sembler basique!! C'est trop bête si près du but!!! :-(

thanks

ps: ya t'il un "hum hum bis2???" I hope ;-)

Réponse 46 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

salut,

des touches de ton clavier ne fonctionnent plus ?
-:op

hum, hum (ter)…
-;o)

en JS, fils de C, il faut un point virgule au bout de chaque instruction.
j'en profite pour te recoller le script en entier, j'espère qu'il comporte toutes les corrections précédentes.

if(document.images)
{

	preload = false;
	url = new Array();
	url[0] = "images/projets/monde.gif";
	url[1] = "images/projets/bolivie.gif";
	url[2] = "images/projets/bresil.gif";
	url[3] = "images/projets/burkina.gif";
	url[4] = "images/projets/colombie.gif";
	url[5] = "images/projets/haiti.gif";
	url[6] = "images/projets/inde.gif";
	url[7] = "images/projets/madagascar.gif";
	url[8] = "images/projets/mali.gif";
	url[9] = "images/projets/perou.gif";
	url[10] = "images/projets/senegal.gif";
	url[11] = "images/projets/uruguay.gif";


	var i = 0;
	for(i=0; i<12; i++)
	{
		tmp = new Image(640, 480);
		tmp.src = url[i];
	}
	
	preload = true;
	
}

function changeImage(img_index) {

	if (document.images && (preload == true)) {
		document.plan.src = url[img_index];
	}
	
}

pour déboguer, le plus simple est de se faire aider par un débogueur…
sur FF, ajoute l'extension FireBug, elle te permettra de voir où le code bloque. moi, je ne peux pas le faire car je n'ai pas accès à ta page.

courage !!!

Réponse 47 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

re,

merci pr FireBug, ca doit être intéresant qd on sait exactement comment s'en servir...je l'ai installé et pis je sais pas trop pr les scripts comment faut faire mais il me met en tt cas:

map name illegal XML character
2 <html> 3 <h missing ; before statement

interessant??
bon je vais manger et aprés je m'y remet

a +

Réponse 48 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

oula,
sans doute un problème de validité html…

pour ça il faut que nous colle le code de la page entière !

Réponse 49 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

ok alors voila mon code si tu penses que l'erreur est là dedans...

thanks

<html>
<head>

<script type="text/javascript">
<![CDATA[

if(document.images)
{

preload = false;
url = new Array();
url[0] = "images/projets/monde.gif";
url[1] = "images/projets/bolivie.gif";
url[2] = "images/projets/bresil.gif";
url[3] = "images/projets/burkina.gif";
url[4] = "images/projets/colombie.gif";
url[5] = "images/projets/haiti.gif";
url[6] = "images/projets/inde.gif";
url[7] = "images/projets/madagascar.gif";
url[8] = "images/projets/mali.gif";
url[9] = "images/projets/perou.gif";
url[10] = "images/projets/senegal.gif";
url[11] = "images/projets/uruguay.gif";

var i = 0;
for(i=0; i<12; i++)
{
tmp = new Image(640, 480);
tmp.src = url[i];
}

preload = true;

}

function changeImage(img_index) {

if (document.images && (preload == true)) {
document.plan.src = url[img_index];
}

}
]]>
</script>
</head>

<body>

<table align="center" border="0" width="510">

<p>
<img border="0"
id="plan"
alt=""
src="images/projets/monde.gif"
width="651"
height="386"
usemap="#map"/>

<map name="map" id="map">

<area
shape="poly"
coords="193,286,190,285,188,289,179,276,182,270,183,263,189,263,196,269,200,273,194,287"
alt="bolivie"
href="index.php?lang=fr&page=pro.bol"
onmouseover="changeImage(1);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="212,232,196,233,185,238,176,259,188,263,202,273,202,290,209,294,204,300,212,309,221,290,237,283,237,272,246,256,223,243,214,244,218,239,210,233"
alt="bresil"
href="index.php?lang=fr&page=pro.bre"
onmouseover="changeImage(2);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="314,230,313,226,324,225,324,235,315,235"
alt="burkina"
href="index.php?lang=fr&page=pro.bur"
onmouseover="changeImage(3);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="167,240,179,249,181,237,188,236,178,227,176,223,168,224,168,244"
alt="colombie"
href="index.php?lang=fr&page=pro.col"
onmouseover="changeImage(4);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="190,214,186,212,189,211,189,214"
alt="haïti"
href="index.php?lang=fr&page=pro.hai"
onmouseover="changeImage(5);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="452,227,442,207,439,198,456,185,459,194,485,200,477,203,457,218,455,227"
alt="inde"
href="index.php?lang=fr&page=pro.ind"
onmouseover="changeImage(6);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="401,288,397,282,401,271,406,272,402,288"
alt="madagascar"
href="index.php?lang=fr&page=pro.mad"
onmouseover="changeImage(7);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="295,209,309,195,305,194,296,205"
alt="mali"
href="index.php?lang=fr&page=pro.mal"
onmouseover="changeImage(8);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="176,270,176,259,170,247,163,253,168,267,173,273"
alt="perou"
href="index.php?lang=fr&page=pro.per"
onmouseover="changeImage(9);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="304,227,306,221,300,220,295,220,302,230"
alt="senegal"
href="index.php?lang=fr&page=pro.sen"
onmouseover="changeImage(10);return false;"
onmouseout="changeImage(0);return false;" >

<area
shape="poly"
coords="203,317,202,306,205,302,211,310,209,315,202,315"
alt="uruguay"
href="index.php?lang=fr&page=pro.uru"
onmouseover="changeImage(11);return false;"
onmouseout="changeImage(0);return false;" >

</map>
</p>

</body>

<tr>
<td align="left" bgcolor="#ffffcc" valign="top"><p>
<? traduction('texte_proj',__FILE__); ?>
</p>
<p><br>
</p>
<h1 align="right"><br>
<a href="#top"><img src="/www/images/up.gif" border="0" height="5" width="9"></a>
</h1></td>
</tr>

<tr>
<td align="left" bgcolor="#ffffcc" valign="top" width="100%"> <h1><img src="/www/images/drop.gif" height="21" width="25">
<? traduction('titre_choix',__FILE__); ?>
<a name="cho" id="cho"></a><br>
</h1>
<p>
<? traduction('texte_choix',__FILE__); ?>
</p>
<h1> </h1>
<p align="right"><a href="#top"><img src="/www/images/up.gif" border="0" height="5" width="9"></a>
</p></td>
</tr>
<tr>
<td align="left" bgcolor="#ffffcc" valign="top"><h1><img src="/www/images/drop.gif" height="21" width="25">
<? traduction('titre_suiv',__FILE__); ?>
<a name="sui" id="sui"></a></h1>
<p>
<? traduction('texte_suiv',__FILE__); ?>
</p>
<h1 align="right"><a href="#top"><img src="/www/images/up.gif" border="0" height="5" width="9"></a><br>
</h1></td>
</tr>
<tr>
<td align="left" bgcolor="#ffffcc" valign="top"><h1><img src="/www/images/drop.gif" height="21" width="25">
<? traduction('titre_bud',__FILE__); ?>
<a name="bud"></a></h1>
<? traduction('table_budg',__FILE__); ?>
<p> </p>
<p align="right"><a href="#top"><img src="/www/images/up.gif" border="0" height="5" width="9"></a></p></td>
</tr>

</table>
</html>

Réponse 50 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

hum, hum (quater)…
-:oD

tu fermes '<body>' avant de fermer '<table>'.
et à la place de '<html>' colle ça (DocType Definition) :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

Réponse 51 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

on peux fêter notre 50ème message!!! ;-)

j'en ai parcouru du chemin depuis alors merci à toi de me faire partager tes compétences en la matiére et de prendre le temps pour m'expliquer tout ca...

sinon ca fonctionne toujours pas....:-(
tu m'as bien demandé de rammener le body en bas de page juste avant table et je garde le <html> de fin de page....mais je remplace juste le 1er?? alors dans ce cas rien ne bouge...j'ai peur que le probléme soir plus grave...
même déprime qu'au message 34....

thanks

Réponse 52 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

hello,

bon pour le café virtuel, promis, j'y passe début de semaine prochaine..mais sinon je te propose même un vrai café.....on en reparlera :-)

sinon un grand merci pour les liens....ca m'a permis de résoudre un probléme...en effet certaines parties de mon texte doivent être centrées et d'autres alignées à gauche alors j'ai découvert qu'on pouvait utiliser la "class" avec la balise <p> et donc ca donne

dans la css

p.justify{.....text-align:justify}
p.left{.....text-align:left}

dans le code

<p class="justify"></p>

c'est nikel....d'ailleurs ya plein de choses intéressantes au niveau du tutoriel xhtml....hélas j'ai pas beaucoup de temps devant moi pour l'instant...
En plus je travaille sur un site concu par une autre personne et ya pas mal de petites choses incohérentes....je ne m'y connais pas beaucoup mais lorsque j'ai essayé parfois de mettre un peu d'ordre ma page était toute déstructurée.....dur dur au début!!!

sinon je ne comprends pas, tu as testé??? j'ai utilisé ton code pour ma page projet et le roll over ne pointe toujours pas le bout de son nez....!!! rrrrr.....

alors si l'erreur n'est pas dans le code ou est elle??

thanks, a presto,

Réponse 53 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

salut,

pour les classes, bien vu !
je te mets juste en garde sur le choix des noms choisis.
je me suis permis d'utiliser "left" tout court ce qui peut être un peu déstabilisant pour un débutant à la lecture du code puisqu'on peut le confondre avec une propriété. j'aurais peut être mieux fait de choisir "align-left". bref, c'est du détail !

"tu as testé???"
et oui, comme je connais l'adresse réelle du serveur il me suffisait de faire une page avec ton code et de remplacer l'adresse relative des images par l'adresse absolue.
-;o)

qu'as-tu fais exactement comme essais ?
pour ma part, j'avais réussi à afficher la carte. elle était réactive sur trois ou quatre pays (en Amérique Latine). et sur un pays l'image était effectivement remplacée, mais par du vide car l'image n'était pas à l'adresse indiquée sur le serveur. peut être n'as-tu pas encore "uploadé" les images sur le serveur.

donc le code que je t'ai collé plus haut fonctionne. il faut maintenant faire les ajustements pour savoir pourquoi il ne fonctionne que partiellement.

à plus !

Réponse 54 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

hello,

en fait je travaille en local sur une autre machine sur laquelle je n'ai pas internet donc ttes mes images sont uniquement sur mon ordinateur voila pourquoi il y a du vide à la place des images j'imagine...

sinon pourquoi est ce que cela fonctionne de ton côté mais pas du mien....??? :-(

Réponse 55 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

as-tu utilisé mon code ?

Réponse 56 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

bien sur!!!! ;-)

copier/coller

et je viens de le refaire...au cas ou je deviendrais folle....

Réponse 57 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

et l'actualisation de la page avec [ Ctrl ] + [ F5 ] ???

Réponse 58 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

lol, c'est pas ca

Sur quels pays ca fonctionne ??? même si je les ai tous testé....

Réponse 59 / 65

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

Colombie, Pérou, Bolivie…
en ligne

Réponse 60 / 65

caro777 Messages postés 139 Date d'inscription Statut Membre Dernière intervention 19

It's impossible!!!
pourquoi est ce que ca marche avec toi et pas chez moi.....as tu une idée de ce qui ne fonctionne pas???? jsuis désemparée!!!!
ca fonctionne mais pas CHEZ MOI!!! :-( :-( :-( :-(

thanks

Discussions similaires

Numéro à 14 chiffres commençant par 0035...

Peut on commander sur amazon d'autres pays ?

SMS qui commence par 447

suffixe de portable +35....

Retrouver liens copiés sur le téléphone

Votre réponse

Discussions similaires