ManyCodes.com – codes & scripts Get free programming codes and tutorials!

28Jul/090

How to put a back and forward button on your website

Here is how you can put a back and forward button on your website.

Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website

Code:

<!-- this script is from www.manycodes.com -->
<!-- Start of Back/Forward Buttons Script-->
<!-- Instructions: Just put this script anywhere on your webpage
 and you will give your visitor 2 Back and Forward Navigation
 buttons.  Designed for websites that have multiple webpages.
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
 history.go(a);      // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="  BACK " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)">
</form>

<!-- End of Back/Forward Buttons Script -->

<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></textarea>
<br>
<input style="CURSOR: hand" id="copy" onclick="highlight('copypaste');" value="Highlight &amp; copy to clipboard" style="border: 1px solid rgb(206, 44, 13); color: rgb(206, 44, 13); font-family: Tahoma; font-size: 8pt; background-color: rgb(227, 229, 231);" type="button"></p>
 <p>

 <a href="index.htm">
 <img border="0" src="images/home2.gif" width="17" height="17">
 Back to main page</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
 <a href="contactus.htm">
 <img border="0" src="images/icon_friends_20x20.gif" width="20" height="20">Contact
 us for any questions or comments</a></p>
 </form>
 </td>
 </tr>
 <tr>
 <td height="42" align="left" valign="top">
 <p align="center">The code is active (<b>Sample Code</b>):
 you can see it in the area below or on the page</td>

 </tr>
 </table>
 <p align="center">

<!-- Start of Back/Forward Buttons Script-->
<!-- Instructions: Just put this script anywhere on your webpage
 and you will give your visitor 2 Back and Forward Navigation
 buttons.  Designed for websites that have multiple webpages.
-->
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script tag's contents from old browsers
function goHist(a)
{
 history.go(a);      // Go back one.
}
//<!-- done hiding from old browsers -->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="  BACK " onClick="goHist(-1)">
<INPUT TYPE="button" VALUE="FORWARD" onClick="goHist(1)">
</form>

<!-- End of Back/Forward Buttons Script -->
<pre><font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
</pre>
</td>
 <td width="4" align="left" valign="top"> </td>
 </tr>
 </table></td>
 </tr>
 <tr>
 <td><img src="images/trans.gif" width="10" height="10"></td>
 </tr>
 <tr>
 <td height="32" background="images/bottom_bg.gif">
 <a name="©">©</a> 2006. All rights reserved, Designed by:
 <a href="http://www.manycodes.com/"><span style="text-decoration: none">
free codes</span></a></td>
 </tr>
 </table></td>
 </tr>
</table>
</body>
</html>
<pre><font face="Tahoma"><a target="_blank" href="http://www.manycodes.com/category/java/javascript-codes/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font></pre>



Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Webnews
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • Ask
  • Facebook
  • Technorati
  • YahooBuzz