Image Map avec fichier externe

Version imprimable

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:

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:

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

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:

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.

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

par exemple ceci ne marche pas :

Code:

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:

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 !!!

21/03/2008, 22h37
anthropo

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