[XHTML] Maping d'image et IE

Version imprimable

:salut:

voila j'ai un soucis, je map une image avec différentes zones :

Code:

1
2
3
4
5
6
7
8
9
10
11
<map name="carte">
                        <area shape="poly" coords="16,20, 40,20, 50,14, 70,20, 76,18, 92,32, 70,54, 30,58, 16,20" href="javascript:void(alert('zone jaune'))" />
                        <area shape="poly" coords="70,54, 92,32, 112,64, 94,102, 80,96, 70,54" href="javascript:void(alert('zone vert pâle'))" />
                        <area shape="poly" coords="30,58, 70,54, 80,96, 64,108, 24,88, 30,58" href="javascript:void(alert('zone rose pâle'))" />
                        <area shape="poly" coords="130,68, 130,58, 148,64, 130,96, 106,108, 94,102, 112,64, 130,68" href="javascript:void(alert('zone marron'))" />
                        <area shape="poly" coords="148,64, 168,74, 146,102, 130,96" href="javascript:void(alert('zone orange'))" />
                        <area shape="poly" coords="106,108, 94,102, 80,96, 64,108, 64,122, 120,148, 120,128, 146,102, 130,96, 106,108" href="javascript:void(alert('zone bleue'))" />
                        <area shape="poly" coords="120,148, 170,170, 186,148, 186,126, 144,110, 146,102, 120,148" href="javascript:void(alert('zone rouge'))" />
                        <area shape="poly" coords="168,74, 200,62, 226,80, 214,102, 186,100, 146,102, 168,74" href="javascript:void(alert('zone verte'))" />
                    </map>
                    <img src="image.gif" style="float:left;height:184px;width:253px;border:0;" usemap="carte" />

Sous FF pas de pb ca fonctionne, par contre sous ie rien... j'ai oublié qqchose ?

(j'ai essayé d'entourer la zone d'un balise <a>, ca ne change rien...)

20/10/2006, 14h36
gretch

essai de mettre des espace derriere toutes tes virgules, on ne sait jamais ...

fais un rechercher/remplacer
20/10/2006, 14h40
10-nice

J'ai mis des espaces pour chaque et ensuite aucun espace les deux ne fonctionnent pas :s
20/10/2006, 14h56
trotters213

:salut:
Essaie en changeant ceci :

Code:

href="javascript:void(alert('zone ...'))

par ceci :

Code:

onclick="alert('zone ...');"

PS : c'est normal que tes polygones n'est pas tous le même nombre de faces?
20/10/2006, 15h09
MasterOfChakhaL

Salut,

histoire de cerner le souci, essaie d'enlever le float pour vérifier que le problème ne vient pas de là (IE n'est pas très fortiche avec tout ce qui concerne les éléments flottants)

Tu peux essayer de remplacer l'attribut name de la map par l'attribut id...
Ou mettre les deux (<map id="carte' name="carte">)
20/10/2006, 15h10
trotters213

Citation:

Envoyé par MasterOfChakhaL

Tu peux essayer de remplacer l'attribut name de la map par l'attribut id...
Ou mettre les deux (<map id="carte' name="carte">)

Ôte moi un doute : en XHTML, l'attribut name n'as pas été remplacé par id justement ?
20/10/2006, 15h13
10-nice

Exact en xhtml le id remplace le name mais en fait le problème venait du usemap, IE a besoin du # devant le nom de la map :)
20/10/2006, 15h15
trotters213

IE, toujours IE... s'il n'était pas là il servirait à quoi le forum HTML :mrgreen:
20/10/2006, 16h09
10-nice

Lol, comme tu dis ^^

En même temps s'il n'y avait pas IE et ses propres standard on s'ennuierai avec un développement web sans bug majeur...
20/10/2006, 17h21
gretch

Citation:

En même temps s'il n'y avait pas IE et ses propres standard on s'ennuierai avec un développement web sans bug majeur...

Ou on s'en crérai des plus interessante, des fonctionnalité plus poussé :

example, j'ai perdu tellement de temps pour la V2 de mon site pro qu'il devra attendre la ver 2.1 (dans qq mois environs...) pour avoir l'intégralité des fonctionnalité prevu au debut du dev...

Franchement c'est une p*http://freeweb.supereva.com/esorcicc...s/censored.gif*ain de deception !!!

merci Bill...

et un zizou pour la peine http://i61.photobucket.com/albums/h6.../zowned6tt.gif