Gøre klikbare dele af et diagram?

<td onclick="this.style.backgroundColor='#a5a7fe';alert('Du har klikket på den blå kasse');" style="cursor:pointer;">Klik her</td>

-- farven er kun for at illustrere, hvor man er !-)

-- og det er ligegyldigt hvilket element, du sætter den på, bare det kan fanges med musen !o]

hvis diagrammet er et billede, skal du bruge <map> på billedet, så kan du angive koordinater hvorpå man kan klikke og komme til forskellige sider..

Diagrammet er gemt som en jpg fil. Hvordan markerer jeg et område som skal gøres klikbar?

jokkejensen- gider du skriver lidt kode?

Så skal du have fat i map- og areas, kig f.eks. her: http://blooberry.com/indexdot/html/tagpages/m/map.htm !-)

hvis du har dreamweaver kan du dragge og droppe.. altså med musen markere de punkter der skal kunne klikkes på, andre html edioterer kan sikker også..

Men ellers må du bare igang...

tilføj usermap="Map" til dit img tag.. alstå noget lignende <img usermap="Map" src="../diagram.jpg">

<map name="Map">                                        <area shape="rect" coords="00,00,135,169" href="http://side.dk" target="_top" alt="alt tekst">
</map>

til koordinaterne mener jeg det er top, venstre, bund, højre.

Mvh

Tjah, som du kan se på linket hedder det jo altså f.eks.

<map NAME="clientsidemap">
  <area SHAPE="rect" COORDS="0,0,100,100" HREF="http://www.foo.com/test.htm">
  <area SHAPE="circle" COORDS="95,105,5" HREF="http://www.foo.com/test2.htm">
  <area SHAPE="poly" COORDS="5,100,10,110,0,110" NOHREF>
</map>

<a HREF="cgi-bin/serverside.map"> <img SRC="image.gif" ISMAP USEMAP="#clientsidemap"> </a>

-- altså usemap="#ditMapName", ikke med jokkejensens tavetosser !-)

Mange tak!
Send et svar!

Velbekomme '-)

-- og tak for point ;~}