Image Map avec fichier externe

**anthropo** · 20/03/2008, 16h33

Bonjour à tous,

j'ai développé une appli qui me génère des images et des fichiers map correspondants. Je les stocke dans un répertoire.

Je génère ensuite une page sensée me les afficher.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head><meta http-equiv="Content-Type" content="text/html" />
<meta name="expires" content="-1">
<meta http-equiv="Pragma" content="no-cache">
<script type="text/javascript" src="overlib.js"></script>
</head>
<body>
<h1>2008</h1>
<img src="/ws2300/Images/Statistiques/2008/Annees/01 - Année 2008.png" usemap="/ws2300/Images/Statistiques/2008/Annees/01 - Année 2008.tooltip"/>
<img src="/ws2300/Images/Statistiques/2008/Mois/02 - Février 2008.png" usemap="/ws2300/Images/Statistiques/2008/Mois/02 - Février 2008.tooltip"/>
<img src="/ws2300/Images/Statistiques/2008/Mois/03 - Mars 2008.png" usemap="/ws2300/Images/Statistiques/2008/Mois/03 - Mars 2008.tooltip"/>
<img src="/ws2300/Images/Statistiques/2008/Semestres/01 - Premier semestre 2008.png" usemap="/ws2300/Images/Statistiques/2008/Semestres/01 - Premier semestre 2008.tooltip"/>
<img src="/ws2300/Images/Statistiques/2008/Trimestres/01 - Premier trimestre 2008.png" usemap="/ws2300/Images/Statistiques/2008/Trimestres/01 - Premier trimestre 2008.tooltip"/>
</body>
</html>

Un exemple de fichier "tooltip" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<map name='imageMap'>
<area shape='poly' title='Force 1, de N : 0.12 jours' coords='155,200,155,200,155,200,155,200'>
<area shape='poly' title='Force 1, de NNW : 0.23 jours' coords='155,200,155,200,155,200,155,200'>
<area shape='poly' title='Force 1, de NW : 0.28 jours' coords='155,200,155,200,155,200,155,200'>
</map>

Quelqu'un aurait il une idée de pourquoi mes image maps ne fonctionnent pas ?

Est ce le nom qui n'est pas bon (espaces ?) ou bien faut il que chaque fichier tooltip contiennent un name différent ?

Merci d'avance

**jojosbiz** · 21/03/2008, 09h32

Salut, je ne suis pas sur qu'on puisse utiliser la balise <map> de cette façon.

L'attribut "usemap" doit contenir "#<le nom de la balise map>" (je m'en suis toujours servi comme ça).

Dans ton cas, je dirais qu'il faudrait :
- mettre des noms aux balises <map> différents à chaque fois
- inclure les fichiers à chaque fois côté serveur (par exemple, avec les fonctions "require", "include" etc ... de PHP)
- puis appeler les tout ceci comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<img src="/ws2300/Images/Statistiques/2008/Annees/01 - Année 2008.png" usemap="#imageMap1"/>
<img src="/ws2300/Images/Statistiques/2008/Mois/02 - Février 2008.png" usemap="#imageMap2"/>
<img src="/ws2300/Images/Statistiques/2008/Mois/03 - Mars 2008.png" usemap="#imageMap3"/>
<img src="/ws2300/Images/Statistiques/2008/Semestres/01 - Premier semestre 2008.png" usemap="#imageMap4"/>
<img src="/ws2300/Images/Statistiques/2008/Trimestres/01 - Premier trimestre 2008.png" usemap="#imageMap5"/>

En espérant être assez clair.

**anthropo** · 21/03/2008, 17h02

Merci, c'est bien ce que j'essaye de faire, mais sans résultat :

par exemple ceci ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<body>
<h1>2008</h1>
<map id="01Janvier2008" name="01Janvier2008">
<area shape="poly" title="Force 1, de NNW : 0.03 jours" coords="155,200,155,200,155,200,155,200">
<area shape="poly" title="Force 3, de WSW : 0.01 jours" coords="155,200,155,200,155,200,155,200">
<area shape="poly" title="Force 3, de SW : 0.01 jours" coords="155,200,155,200,155,200,155,200">
<area shape="poly" title="Force 3, de SSW : 0.02 jours" coords="155,200,155,200,155,200,155,200">
<area shape="poly" title="Force 3, de SE : 0.01 jours" coords="155,200,155,200,155,200,155,200">
<area shape="poly" title="Force 4, de NW : 0.01 jours" coords="155,200,155,200,155,200,155,200">
</map>
<img src="/ws2300/Images/Statistiques/2008/Mois/01 - Janvier 2008.png" usemap="#01Janvier2008">
</body>
</html>

mais ça oui :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<img src="getimage.chart?img=chart1&id=54B6C46BE03401F25C6AA938728D7B96_1" usemap="#imageMap" border="0">
<map id='imageMap' name='imageMap'>
<area shape='poly' title='Force 1, de N : 0.12 jours' coords='155,200,155,200,152,184,158,184'>
<area shape='poly' title='Force 2, de NNW : 0.16 jours' coords='172,174,162,170,166,148,183,155'>
<area shape='poly' title='Force 3, de ENE : 0.01 jours' coords='131,184,127,194,125,193,129,183'>
<area shape='poly' title='Force 3, de NNE : 0.01 jours' coords='151,182,145,185,144,183,151,180'>
<area shape='poly' title='Force 4, de NW : 0.01 jours' coords='217,156,199,138,200,136,219,155'>
</map>

JE NE COMPREND PAS POURQUOI.

Merci si vous m'aidez !!!

**anthropo** · 21/03/2008, 22h37

tout bete la constitution de l'imageMAp était fausse, et donc rien ne pouvait s'afficher. RAS donc tout est OK . Merci

Image Map avec fichier externe

HTML

Discussions similaires

Partager

Partager