Næste |
|
Mere Browser serie, Planche nr. 13 |
![]() |
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,ynå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>