Back Forward Refresh Buttons

Sanket · 1 Back Forward Refresh Buttons Sun Jan 03, 2010 9:52 pm

Sanket

Administrator

Posts : 6222
Points : 392
Location : Mumbai
Browser : Firefox

Back, Forward, Refresh Buttons
Create your Back, Forward, Refresh buttons for your html page.

Hello Everyone Very Happy

This is a very simple tutorial to add buttons in your HTML page to go back, go forward & to refresh the page.

The code should go in the body tags.

Code:: <body> <center> <form> <input type="button" value="Back" onClick="history.go(-1)" style="font-family:verdana; color:red; background-color:black; font-size:10px;"> <input type="button" value="Forward" onCLick="history.go(1)"> <input type="button" value="Refresh" onCLick="history.go(0)"> </form> </center></body>

1) You can change the font color from red to any color you want, add the color code from here
2) background-color: can be changed from black to any color from the link above.
3) Change the font-size to whatever you want.

To test the buttons, do the following
- Open www.google.com in a new tab
- Paste our demo link (http://webartzdemo.forumotion.com/BackForwardRefresh-h4.htm) in the address bar & hit enter
- Paste www.hitskin.com in the address bar & hit enter.
- Hit the back button of the browser, now test all the buttons they shall work.

Thank You

Notice : This tutorial is copyrighted by WebArtz Forum. You may not publish it on anywhere without written permission from the administrators.

Was just playing around with my coffee cup editor & found this nice tool Wink