Another useful, but simple tech tip

If you’re a regular reader you’ve seen me use forward and back buttons on occasion. I usually use them when I post something that requires an Iframe (an inline frame). You can see an example of this on my MyBlogLog exchange post here, and on my blogcatalog exchange post here. You’ll notice no forward buttons since clicking the link you want will take you forward, the back button is key but it can’t hurt to know how to do both.

The standard “form” method:

Here’s the code for the back button (looks like this:
)

<input TYPE=“button” VALUE=“Back” onClick=“history.go(-1);return true;”/> </form>

Here the code for the forward button (looks like this:
)

<input TYPE=“button” VALUE=“Back” onClick=“history.go(1);return true;”/> </form>

You can change the text in the buttons by simply changing the VALUE field (i.e. “Return”, “I wanna go back!”, whatever you want).

The Java script method:

Looks the same as the form method. I actually prefer the form version above as it’s less code to enter, but thought I’d share both ways of doing it.

First place the code below anywhere in your body.

<SCRIPT LANGUAGE="JavaScript">
<!-- Hide this from older browsers


function goForward() {
window.history.forward();
}

function goBack() {
window.history.back();
}

// end hide –>
</SCRIPT>

Next, place the code below where you want the button(s) to go. If you don’t want both buttons simple don’t include the blue line of code for the back button, red code for forward (same with the above code).

<FORM TARGET=”_self”>
<INPUT TYPE=”submit” VALUE=”Back” onClick=”goBack()”>
<INPUT TYPE=”submit” VALUE=”Forward” onClick=”goForward()”>
</FORM>

Again, you can change the button text by changing the VALUE field.

Note: copy the code into notepad first, then copy to your post/page - this goes for any code you copy and paste (keeps hidden attributes from being copied).

That’s all there is to it! Comment below if you have any questions.

Stumble