Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 326
  • Last Modified:

Custom History Back and Forward buttons for IE

I have a javascript tool bar that has a back button and a forward button on it.  i need these 2 buttons to work exactly the same as the Back and Forward buttons on the IE button toolbar at top (which i hide when i open the window).  i know the back button works with window.history.back() but i cannot get the forward button to work and i can't find the javascript for it.  Is there some way i can do this by accessing the history array?  if so, i'd also like to take out the 1st 2 items in the history for this window (my login scripts) so that the user cannot go back to it.

there is one other thing i must let you know about this toolbar for it to all work properly.  The toolbar resides in the top frame of a frames page.  i need the forward and back buttons to change the body frame, not the top frame.

thanks,

~ MastaLlama ~
0
mastallama
Asked:
mastallama
  • 7
  • 5
1 Solution
 
bruintjeCommented:
Hi mastallama,

from
http://www.sbrady.com/hotsource/javascript/back.html


<form>
<input type="button" value="Back" onclick="history.back()">
<input type="button" value="Forward" onclick="history.forward()">
</form>

HAGD:O)Bruintje
0
 
mastallamaAuthor Commented:
yes, that works!  thanks, but... there is one problem...

how do i target the bottom frame???
0
 
bruintjeCommented:
Hi mastallama,

how about
<INPUT TYPE="button" VALUE="Click Here" onClick="parent.FrameName.location.href='history.forward()'">

but i'm not sure about that

HAGD:O)Bruintje
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
mastallamaAuthor Commented:
yes, that works!  thanks, but... there is one problem...

how do i target the bottom frame???
0
 
mastallamaAuthor Commented:
oops, sorry, i refreshed the page...hee hee

forget that last comment, lemme try the parent.FramName and i'll get back to ya!

hee hee
0
 
mastallamaAuthor Commented:
that works but brought up another problem...if there is no forward page, the forward button is still there and active and gives me a blank page.  can i test the # of pages in the history and hide the forward button when you can't go no forward, or hid the back button when you can't go back anymore (just like IE) ?

~ MastaLlama ~
0
 
bruintjeCommented:
Hi mastallama,

completely missed your last comment, this code let you check the length of the history and the number of pages hence and forth

http://www.suite101.com/article.cfm/javascript/48508

HAGD:O)Bruintje
0
 
webwomanCommented:
Do you have a particular place you want to go from each page? Otherwise, there ISN'T any 'forward' -- you can't call something that hasn't happened yet.

If you know what you want to be the next page, hard code that in. You can actually javascript it so that the link is different based on where they are.
0
 
mastallamaAuthor Commented:
no, the forward needs to work just like the IE forward...if someone clicks back, then they can come back to the last page by hitting forward, so in fact it has happened already, i just need to access it again.
0
 
bruintjeCommented:
have you read that article as it seems to all is in there even how to get the length of the history
0
 
mastallamaAuthor Commented:
yea, i've read it and i'm testing it right now
0
 
mastallamaAuthor Commented:
Thanks Bruintje!  It works perfectly now!
0
 
bruintjeCommented:
great to hear that
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

  • 7
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now