Mega Code Archive

 
Categories / JavaScript DHTML / HTML
 

Assign different location href for different part of an image

<html>  <head>  <title>Navigation Bar</title>  <script type="text/javascript">  function goNext() {      var currOffset = parseInt(parent.currTitle);           if (currOffset < 5) {          currOffset += 1;          parent.entryForms.location.href =  currOffset + ".htm";          parent.instructions.location.hash = currOffset;      } else {          alert("This is the last form.");      }  }  function goPrev() {      var currOffset = parseInt(parent.currTitle);      if (currOffset > 1) {          currOffset -= 1;          parent.entryForms.location.href = currOffset + ".htm";          parent.instructions.location.hash = currOffset;      } else {          alert("This is the first form.");      } }  </script>  </head>  <body bgcolor="white">  <map name="navigation">  <area shape="rect" coords="5,80,66,116" href="javascript:goNext()">  <area shape="rect" coords="4,12,67,161" href="javascript:goPrev()">  </map>  <img src="logo.gif" height="240" width="96" border="0" usemap="#navigation" alt="navigation bar">  </body>  </html>