Næste
Forrige
Oversigt
Mere Browser serie, Planche nr. 13
Kursus Indhold

Image maps

Man kan også lægge javascript ind i html MAP's

På klienten kunne det være:

<MAP NAME="buttonbar">
<AREA SHAPE="RECT" COORDS="0,0,16,14"
   HREF ="javascript:top.close(); window.location = newnav.html">
<AREA SHAPE="RECT" COORDS="0,0,85,46"
   HREF="contents.html" target="javascript:alert(`Loading
   Contents.'); top.location = contents.html">
</MAP>

på server-side image maps, der er defineret som

<A HREF="img.html"><IMG SRC="about:logo" BORDER=0 ISMAP></A>
sender browseren uden videre:
URL?x,y
når bruger klikker på positionen x,y over billedet

Normalt vil serveren have en lokal matrix, der svarer til billedet og returnere en side, der svarer til x,y.

Det kan man også gøre lokalt ved et javascript:

<H1>Click on the image</H1>
<P>
<A HREF="img.html"><IMG SRC="about:logo" BORDER=0 ISMAP></A>
<SCRIPT>
str = location.search
if (str == "")
   document.write("<P>No coordinates specified.")
else {
   commaloc = str.indexOf(",") // the location of the comma
   document.write("<P>The x value is " + str.substring(1, commaloc))
   document.write("<P>The y value is " +
      str.substring(commaloc+1, str.length))
}
</SCRIPT>


© 1999 BLA*net - Leif E. Andersen, leander@blanet.dk