Disable Browser Back Button using JavaScript Function

-

 

Hello Friends, “Welcome back” Today we came here with another new article. In this article I will explain about to disable back button of browser.

In this example, i am using two pages, name of first page is Login and the name of second page is Home Page. After Login, User will be redirect to Home page and using Browser Back Button he will not be going back to Login page from Home page.

  

Disable Browser Back Button JavaScript function

Below Javascript function  must be placed inside the Page where you want to disable the Browser Back Button.

For example, here i am creating two pages,first one page  is named as  Login page  and second one page is named as Home page and when User redirect to the Home page you will not redirect him to go to Login page again. So you need to, the following script code  must be used inside the Login page.

Inthe preventBack function, the window.history.forward() method is called which navigates the browser forward one step in their history. Whenever Browser Back Button will clicked by the user, this function immediately moves it one step forward.

The setTimeout function schedules to the execute time of the preventBack function with delay of 0 (zero) milliseconds.

Then Finally, the window.onload function returns null.

<script type="text/javascript">

    function preventBack() {

        window.history.forward();

    }

    setTimeout("preventBack()", 0);

    window.onunload = function () {

        null

    };

</script>

 

 

Implementation of Disable Browser Back Button

Login Page

The HTML Markup of Login page consists of an HTML Anchor tag.

The href property of the Anchor tag is set to name of Home page.

The script to disable the Browser Back Button is placed inside the HEAD section.

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Login Page</title>

<script type="text/javascript">

    function preventBack() {

        window.history.forward();

    }

    setTimeout("preventBack()", 0);

    window.onunload = function () {

        null

    };

</script>

</head>

<body>

    <h3>Login Page</h3>

    <hr />

    <a href="Home.htm">Redirect to Home</a>

</body>

</html>

 

 

Home Page

There is Anchor tag in the HTML Markup of Home page.

The property named href  of the Anchor tag is set to name of Login page.

  

Disabling Browser Back Button

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>Home Page</title>

</head>

<body>

    <h3>Home Page</h3>

    <hr />

    <a href="Login.htm"> Redirect to Login Page Click here</a>

</body>

</html>

 

Comments

Post a Comment

Popular posts from this blog

Sending reset password link for one time use only in asp.net

-
Introduction: Hello developers, in this article i will explain that how we can create and send reset password link that will use onle one time in asp.net,after one time use this link will dispose and say that this link is wrong. This is very helpful article for every .net developer Implementation: Create two pages named forgetpassword.aspx and reset.aspx. Paste the code that below am giving, separately inside the both pages. This is a sample program you can change it accoring to your requirement. Inside your table there will be a colimn named code is necessary. Code for forgetpassword.aspx page: < head runat ="server">     < title > Forget Password </ title >     < style type ="text/css">         .style1         {             width : 100% ;  ...
Read more

add delete update inside gridview using store procedure in ASP.NET

-
Image
Introduction: Hello friends, in this article i will explain that how we can insert,delete,update the data in the gridview. Here i am using the store procedure to insert,delete and update the record. With the help of the store procedure the execution of the sql  query make fast. And less  the code of the aspx.cs page. So we can say  the use of the store procedure in the sql server is very important and also very helpful. Implementation: create a new website abb a page named gallery.aspx. Drag and drop the two textboxes, a fileuploader and a button from the toolbox named txt_album_name, txt_caption, fileuploader1 and btn_insert respectively. Here i am giving the complete code for the html page.  Code for .aspx page: < table class ="style1">         < tr >             < td class ="style2">      ...
Read more

Change password using asp.net

-
Image
Introduction : Hello friends, in this article i will explain that how we can change the password after login, in asp.net.This article is very useful for the all the .net developer. Implementation : create a new website add a page. Drag and drop three textboxes and two buttons   from the toolbox inside the   < body > body tag at the .aspx page.   Below   i am giving the complete code for the html page and .cs page.  Code for default.aspx page < div >     < table style =" width : 91% ; height : 97px ; " class ="tbl_reg_form">         < tr >             < td >                 Old Password </ td >             < td >        ...
Read more