map polygon

Hej!
Har lite problem med en map/area/polygon.
Jag har en bild som är 64x32pixlar, i den finns en polygon, ni kan se den i den bifogade bilden.
jag vill lägga en polygon så att den reagerar när man är innanför det markerade området.

har inte använt map/area tidigare men vad jag läst på nätet så skulle det kunna se ut som följande kod

<map name="mymap">
<area href="javascript:void(0);" onClick="fn_clickArea(0,0)" onMouseOver="fn_mouseOverArea(0,0)" coords="0,16, 32,0, 64,16, 32,16" shape="polygon">
</map>
<img src="square_64x32_white.gif" usemap="mymap">

mitt problem är att den bara reagerar på den över halvan av det markerade området.

har jag missat något eller har något bilvit fel?

hoppas ni förstår vad jag menar.

tack på förhand!

Inspektera dina koordinater! 32,16 är ju faktiskt mittpixeln i bilden. 32,32 är vad du vill använda.
Sedan två tips till:
Av någon fin anledning ska du ha # före namnet i usemap. (Men inte i name)
Så det slutar med:

<map name="mymap">
<area href="javascript:alert(0);" onClick="fn_clickArea(0,0)" onMouseOver="fn_mouseOverArea(0,0)" coords="0,16, 32,0, 64,16, 32,32" shape="polygon">
</map>
<img src="square_64x32_white.gif" usemap="#mymap" style="border: none;">

nitro2k01 skrev:

Av någon fin anledning ska du ha # före namnet i usemap. (Men inte i name)

... Kan komplettera med att det inte är så mystiskt egentligen :)
Anledningen är att name deklarerar ett läge, och usemap refererar det!
Jämför med det mer vardagliga:

<a name="plats">En plats</a> och hur man kan <a href="#plats">hoppa till den (dvs referera till den)</a>

. :bire

OT: jarvklo: Förekommer #-notation för något annat i HTML än usemap och ankakre? Iofs kan man ju dra en parallell till # för id i CSS.

nitro2k01 skrev:

Inspektera dina koordinater! 32,16 är ju faktiskt mittpixeln i bilden. 32,32 är vad du vill använda.
Sedan två tips till:
Av någon fin anledning ska du ha # före namnet i usemap. (Men inte i name)
Så det slutar med:

<map name="mymap">
<area href="javascript:alert(0);" onClick="fn_clickArea(0,0)" onMouseOver="fn_mouseOverArea(0,0)" coords="0,16, 32,0, 64,16, 32,32" shape="polygon">
</map>
<img src="square_64x32_white.gif" usemap="#mymap" style="border: none;">

tackar, hade tänkt fel på det sista. vet inte riktigt om det fungerar än. jag har nämligen några stycken sådana figurer bredvid varandra så överlappar varandra lite och då verkar inte map fungera riktigt som den ska.

får se om jag måste lösa det på något annat sätt. återkommer senare.

nitro2k01 skrev:

OT: jarvklo: Förekommer #-notation för något annat i HTML än usemap och ankakre?

Hmm...
En usemap skall innehålla en URI (en webbadress)... Notationen med #-tecknet kommer alltså inte från krav i (X)HTML utan "ärvs" från "Internets grundvalar"... Typ. Det hade lika gärna kunna stå usemap="http://example.com/webbkartan.html#plats"

Svar på din fråga blir alltså:
Javisst - iallafall i teorin...
Tag t.ex. <q cite="..."> (vad nu "cite" gör i praktiken annat än finns där för eventuell maskinläsning, men det är en annan historia) - den skulle i princip kunna peka ut ett stycke i samma dokument lika gärna som en extern fil

+ att det kan förekomma på alla andra ställen där det får förekomma en %URI; - sök i den DTD du koder efter ;)

löste mitt sista problem genom att lägga en stor transparant bild över alla småbilder samt lägga mappen med alla area på den istället för på de små bilderna.