Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

How to disable browser back button?

Posted on 2010-09-16
19
364 Views
Last Modified: 2012-05-10
I want to disable back button. I have searched EE already but didn't find solution yet. Actually I am using the following code:

<script>
if(window.history.forward(1) != null)
                 window.history.forward(1);
</script>

Open in new window


but that works and behave incorrectly when I try to go back to last 2nd 3rd or 4th and so on back from the back button history of visited page.

I have a dynamic page like:  http://mysite.com/category.php?page=1

When I keep on going till page 3, 4, 5, 6, and so on. Lets say I am on page 6 and want to go back to page 1 with the help of back button history of visited pages. It first loads page 1 then 2, then 3, then 4 , then 5 and then 6. I want to load page 6 directly because I was on page 6 and I tried going back to page 1. It should not traverse the page from 1-6.

Please help.
0
Comment
Question by:proteam4
  • 4
  • 4
  • 3
  • +5
19 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33691606
How about removing the previous pages from cache? see how to do it

Put this in your HTML code of your pages
<meta http-equiv="cache-control" content="no-cache" />

This will prevent the browser from caching any previous page

check this also
http://www.codeave.com/html/code.asp?u_log=5080
0
 
LVL 2

Expert Comment

by:vsosu
ID: 33691613
There is no straight forward approach.
But you may try by using the apporach given in http://www.boutell.com/newfaq/creating/backbutton.html
0
 

Author Comment

by:proteam4
ID: 33691647
@gurvinder372:

I am already using following:

   
   
   

but no solution :(
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
LVL 40

Expert Comment

by:gurvinder372
ID: 33691656
ok. This makes sure that current page is not cached, did you set that in previous pages also?
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 33691687
Gurvinder, why do you keep talking about cache?
It does NOT remove the page from HISTORY so the page will still be under the back button, just not cached so it will still be fetched.

This is a duplicate of http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_26477105.html

1. do NOT try to break or disable a back button
2. instead either
  a) navigate using ajax
  b) open a new window

3. if you use location.replace(url) the current page is replaced in the history so

<a href="page2.html" onclick="location.replace(this.href); return false">Page2</a>
 <a href="page3.html" onclick="location.replace(this.href); return false">Page3</a>
 <a href="page4.html" onclick="location.replace(this.href); return false">Page4</a>
 
0
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33691702
If you put those tags in all the pages you do not wish to access via back button, why can't this issue be resolved?
0
 

Author Comment

by:proteam4
ID: 33691767
vsosu:

I tried it, but when I try to open any page from history, it keeps on infinite reload-loop.
0
 

Author Comment

by:proteam4
ID: 33691819
gurvinder372:

Actually I am having same page which loads dynamic content based upon the query string var page, for example:

1st page load: http://mysite.com/category.php?page=1
2nd page load: http://mysite.com/category.php?page=2
3rd page load: http://mysite.com/category.php?page=3
4th page load: http://mysite.com/category.php?page=4
5th page load: http://mysite.com/category.php?page=5
6th page load: http://mysite.com/category.php?page=6
7th page load: http://mysite.com/category.php?page=7
and so on....

Lets say I am on page 6 and now I am selecting previous visiting page 1 using browser back history. It first loads page 1, then page 2, then page 3 then page 4 then page 5 and then last page 6.

Its ok in the case of 5-10 pages browsing. But, lets think where user visiting around 100+ pages and he/she selects page 1 from history or something like that then page 1 to 100 will get traversed and page load on server will be toooo much.
0
 
LVL 11

Expert Comment

by:Amar Bardoliwala
ID: 33691840
Hello proteam4,

Following is a link that might help you.

http://www.htmlgoodies.com/tutorials/buttons/article.php/3478911/Disabling-the-Back-Button.htm

Thanks.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 33691913
Check here too : http://www.hunlock.com/blogs/Mastering_The_Back_Button_With_Javascript

section : If you MUST control History
0
 

Author Comment

by:proteam4
ID: 33692081
No solution guys. I tried almost all. :(
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 33693204
Did you try mine at all?
0
 
LVL 14

Accepted Solution

by:
sam2912 earned 500 total points
ID: 33698223

<?
session_start();
$currentPage = intval($_GET["page"]);

// Current page num is higher, save it to session
if(!isset($_SESSION["lastPage"]) || $currentPage >= $_SESSION["lastPage"])
   $_SESSION["lastPage"] = $currentPage;
// Current page num is lower, redirect to last page visited
else
   header('Location: http://mysite.com/category.php?page='.$_SESSION["lastPage"]);
?>

Open in new window

0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34204172
split - accept http:#a33691687 
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 34204881
0
 

Expert Comment

by:ModernMatt
ID: 34255646
Starting the close procedure to accept the Expert's comment as the solution.

ModernMatt
Experts Exchange Moderator
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question