Carte interactive

Fermé
leaemile - Modifié le 19 mai 2018 à 13:49
 leaemile - 19 mai 2018 à 21:06
Bonjour,
Je désire créer une carte interactive. Pour cela j'ai écrit le code suivant :
<p align="center" style="margin-top: 1px;"> <img src="Photos/essai.png" alt="" ismap border="0" usemap="#essai-map-1" /></p>

    <map name="essai-map-1">
     <area shape="rect" coords="0, 0, 390, 254" href="fichier1.php" target="_blank" alt="" />
     <area shape="rect" coords="141, 360, 519, 399" href="fichier 2.php" target="_blank" alt="" />
    </map>


Autant le deuxième rectangle fonctionne, autant le premier refuse de fonctionner.
Je ne comprends pas pourquoi

Pourriez vous éclairer ma lanterne ?
Merci

Jacques



1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
19 mai 2018 à 13:52
Bonjour,
Quand tu dis que ça ne fonctionne pas... c'est à dire ?
Sachant que
href="fichier1.php"
href="fichier 2.php"

dans le premier tu n'as pas d'espace avant le chiffre alors que le second oui ....

Au passage ... évite de mettre des espaces ( et même des caractères accentués...) dans le nom de tes fichiers (tout comme dans le nom des tes variables )
0
Bonjour Jordane,
Merci pour ton intervention. En effet en adaptant mon code de façon tout à fait neutre je suis allé un peu trop vide ....
espace ou pas espace. Tu as totalement raison il faut au maximum éviter les espaces, les accents et je j'ai pour habitude de me plier à ces conditions graphiques.
J'en reviens à mon problème : voici mon code in extenso

<!-- Carte interactive du canton -->
<p align="center" style="margin-top: 1px;"> <img src="Photos/lieux.png" alt="" ismap border="0" usemap="#lieux-map-1" /></p>

<map name="lieux-map-1">
<area shape="rect" coords="70, 60, 180, 100" href="Villages/augne.php" target="_blank" alt="" />
<area shape="rect" coords="396, 241, 507, 296" href="Villages/meuse.php" target="_blank" alt="" />
<area shape="rect" coords="97, 137, 159, 209" href="Villages/oise.php" target="_blank" alt="" />
<area shape="rect" coords="99, 79, 190, 113" href="Villages/pas_de_calais.php" target="_blank" alt="" />
<area shape="rect" coords="226, 428, 311, 463" href="Villages/domps.php" target="_blank" alt="" />
<area shape="rect" coords="251, 292, 369, 366" href="Villages/marne.php" target="_blank" alt="" />
<area shape="rect" coords="368, 287, 460, 331" href="Villages/nedde.php" target="_blank" alt="" />
<area shape="rect" coords="292, 134, 397, 187" href="Villages/peyrat.php" target="_blank" alt="" />
<area shape="rect" coords="141, 360, 519, 399" href="Villages/rempnat.php" target="_blank" alt="" />
<area shape="rect" coords="288, 201, 376, 237" href="Villages/ardennes.php" target="_blank" alt="" />
<area shape="rect" coords="202,85, 295, 130" href="Villages/st_julien.php" target="_blank" alt="" />
<area shape="rect" coords="164, 328, 255, 377" href="Villages/ste_anne.php" target="_blank" alt="" />
</map>


Les secteurs de la carte repérés par une région (meuse, marne, etc..) sont actifs, c'est à dire qu'en cliquant dessus je parviens bien au chier htm correspondant, quant à ceux repérés par le nom d'un village (domps, nedde, etc ...) le lien ne fonctionne pas.
Je n'y comprends rien !!!
Un moment j'ai pensé que ce bug était du au fait que mes zones pouvaient se chevaucher ; j'y ait remédier en les espaçant mais le problème persistait !!!
Cordialement
Jacques
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
19 mai 2018 à 16:20
Et si tu les retire tous sauf un ou deux villages...
est-ce qu'ils fonctionnent ?
0
En cherchant de mon côté, je viens de découvrir un truc bizarre : quand j'éloigne ma carte de ma dernière ligne de texte qui la précède mes liens fonctionnent, mais si la rapproche de cette dernière ligne les premiers liens correspondants aux zones supérieures de ma carte ne fonctionnent plus, et plus je rapproche ma carte de la dernière ligne de texte les liens des zones qui remontent de ce fait refusent de fonctionner.
J'en perd mon latin !
J'en déduis que mon code est correct, mais qu'il y a un problème de positionnement de ma carte dans ma page que je ne pige absolument pas !
0
Je crois avoir compris.
Ma carte est située dans un bloc (Div) auquel j'ai imposé un "padding" inférieur de 75 px. Quand je supprime cet intervalle de 75 px, je n'ai plus de soucis.
Oui mais quelle relation de cause à effet ? J'aimerai comprendre.
Merci à toi et bon week-end
Jacques
0
Je reviens une fois de plus sur le sujet car le problème n'est pas complètement résolu.
En effet, en fonction de la taille de l'écran que j'utilise, ça marche ou ça ne marche pas ... !!!
J'ai lu, dans mes recherches sur internet, qu'il y avait une corrélation entre la taille de l'écran et l'image interactive, mais je n'ai pas très bien compris.
Si l'un d'entre vous pouvait éclairer ma lanterne .... ce serait super sympa !
merci
0