back button of browser compitible with asp.net application

[avinash sh]

i am using ASP.NET 2008 for my application with IE-7 browser..but browsers back button does not reflect on previous page on single click.. it reflect on previous page on double click.. plz reply me how to make it in single click? i m using process bar at the time of processing..

[Frinavale]

Please rephrase your question.
I do not understand what you mean when you are referring to "single click" and "double click".

Please remember that when the user clicks the web browser's back button it displays a cached version of your web page.

This means that if your user preformed a "double click" (??) that displayed something client side this would be cached by the web browser. If the user hits the back button, this cached version of the page will be displayed.

Look into using meta tags to control how your page is cached in the browser....look into setting your page's content to expire as soon as it's displayed...look into setting the no-cache tag

eg:

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE, must-revalidate, max-age=0">
<meta http-equiv="expires" content="0">
<meta http-equiv="Pragma" content="no-cache">

You should research the topic of browser caching to better understand how to implement the best solution for your application.

[hajoabdul]

explain more abt the double click issue, coz am on a project also but i only have to click once to get back to the previous page

[avinash sh]

if i double click on back button then page will back on previous page... but it's not happening on single click...

i want to go back in single click...?

[gits]

do you have a redirect on the previous page that is instantly triggered when the page loads?

kind regards

[Frinavale]

Do you have an asp button in your page that is called "back button"?
If so, in the button click event, are you redirecting as Gits has mentioned?

[avinash sh]

no .. i d'nt have any back button.. i am talking about the browser back button .. and i want to go back on previous page on single hit on browser back button..?

[Frinavale]

Ok I know what's happening.
You have an aspx page and the user does stuff on it. The page does a full page submit to the server, and the previous version of the page is stored in the browser's history. So, when you hit the back button you will see one of these pages.

To get around this you can wrap your page's content in an UpdatePanel. Then the page will do an asynchronous post back to the server instead of a full page post back. Thus, page's history will not be stored in the browser's history and you will be returned to the previous page with "one click of the back button".

(Please note that the UpdatePanel requires a ScriptManager to be on the page in order to work)

-Frinny

[avinash sh]

thanx.. but i am using asp.net application,, does not using ajax in our application... plz tell me with example how to use update panel and script manager..?

[avinash sh]

plz rply me as soon as possible...........????????

[Frinavale]

What version of the .NET framework are you developing with?
What version of Visual Studio are you working with?

[avinash sh]

i think .. this is not the problem of browser caching...if it is the issue of caching ,, then why it navigate back on double click on back button.. i am using master page in my application because of that it takes twice hit to go back on previous page first for master and second for content page,........ plz tell me how to navigate on previous page in single click... i am working visual studio 2008......

[Frinavale]

You aren't making sense, a MasterPage is compiled along with a Content Page in order to create a whole web page. Why would you only be shown the MasterPage when hitting the back button???

The browser's back button controls web pages that the browser has cached in it's history. If you have to hit the browser's back button twice that means that the web page has been cached in the browser's history two times....this is an indication that the user has made a page submit 2 times to the server.

Since you are using Visual Studio 2008, you should have an UpdatePanel control available to you in your ToolBox (in the AJAX Extensions section).

If you don't want your page to cache in the browser's history, then wrap your page's content in an UpdatePanel....

Any content in the UpdatePanel will cause a partial page update (preform an asynchronous call to the server). This means that only a portion of the page will be updated...in your case, all of your page's content will be refreshed during the partial page update. Since there is no full page postbacks happening, nothing will be stored in the browser's history when the user is using your page.

You could wrap your content in an UpdatePanel on each page or could do this in your MasterPage:

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="MasterPage.Master.vb" Inherits="Mynamespace.Master" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="height:95%;width:97%;">
<head Id="Head1" runat="server">
    <title></title>  
</head>
<body>
    <form ID="Form1" runat="server">
        <asp:ScriptManager Id="MyScriptManagerInstance" runat="server"></asp:ScriptManager>
        <asp:UpdatePanel ID="MyUpdatePanel">
            <ContentTemplate>
                <asp:contentplaceholder Id="PageContent" runat="server">
                </asp:contentplaceholder>
            </ContentTemplate>
        </asp:UpdatePanel>
    </form>
</body>
</html>
 

[avinash sh]

if i make a button on my page like that...

<input type="button" value=" &lt;-- BACK " onclick="history.go(-1);return false;" />

it takes two click to navigate back...

if i am using

<input type="button" value=" &lt;-- BACK " onclick="history.go(-2);return false;" /> 

then it goes back in single click..... is there any coding or setting for so this can apply for browser back button....

[avinash sh]

when i put asp:ScriptManager in my master page it is giving me error that
ScriptManager is a unkown tag...????

[Frinavale]

I thought you said that you were using the browser's back button?
That you didn't have a button on your page named "back"....?

Either way, this is just proving that there are 2 pages stored in the browser's history...


In regards to the unrecognised tag.....what .NET Framework is your application being developed for?

Please post your asp code.

[avinash sh]

this is the code for master page....

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Integrated System</title>
     <link href="StyleSheets/Menu.css" rel="stylesheet" type="text/css" />
    <link href="StyleSheets/MenuStyle.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="Stylesheets/default.css" media="screen"/>
    <link href="StyleSheets/FormStyle.css" rel="stylesheet" type="text/css" />    
 
 
</head>
<body onbeforeunload="busyBox.Show();" bgcolor="white" background="Resource/bg.gif">
    <form id="Form1" runat=server>
    <asp:ScriptManager Id="MyScriptManagerInstance" runat="server"></asp:ScriptManager>
        <script language="javascript" src="JavaScript/CastleBusyBox.js"></script>
        <table width=60% class = "pageHeader">
            <tr width =100%>
            <td align="right" style="height: 37px" width="2%">
                </td>
                <td style="width: 30%; height: 37px">
                    <asp:Image ID="Image1" runat="server" BackColor="Transparent" EnableTheming="False"
                        Height="30px" ImageUrl="~/Resource/zodiac_1.GIF" Width="324px" /></td>
                <td align="left" style="height: 37px" width="20%" >
                    <asp:Label ID="versionLbl" ForeColor="white" Font-Bold="true" runat="server" Font-Names="Arial" Font-Size="10pt"></asp:Label>
                </td>
                <td width = 40% align = right style="height: 37px"><asp:Label ID="userLabel" runat="server" Text="Welcome :  " Font-Names="Arial" Font-Size="9pt"></asp:Label><asp:Label ID="loggedUserLabel" runat="server" Text="Not Logged In" Font-Names="Arial" Font-Size="9pt"></asp:Label>
                    |
                <asp:HyperLink ID="HyperLink2" Font-Bold=false runat="server" NavigateUrl="~/MainMenu.aspx" Font-Names="Arial" ForeColor=blue Font-Size="9pt">Home</asp:HyperLink>
                    |<asp:LinkButton ID="logoutLBtn" runat="server" OnClick="logoutBtnClickEvenHandler" ForeColor="Blue">Logout</asp:LinkButton>
                </td>
                <td align="right" style="height: 37px; width: 8%;">
                </td>
            </tr>
            <tr style="width:100%; height:5%">
                <td colspan="5" valign=top align=center class=menuTD>
                <asp:Menu ID = "MainMenu" runat="server" Orientation="Horizontal" EnableViewState="False" CssSelectorClass="PrettyMenu" DataSourceID="SiteMapDataSource1" Width="100%" style="cursor: hand" EnableTheming="True">
                </asp:Menu>
                    <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" ShowStartingNode="False" />    
                </td>
            </tr>
            <tr width="100%" height=10px>
                <td align="left" colspan="5">
                </td>
            </tr>
        </table>
      <asp:UpdatePanel ID="MyUpdatePanel"> 
        <ContentTemplate> 
            <div>
                <asp:contentplaceholder id="Core" runat="server">
                </asp:contentplaceholder>
            </div>
          </ContentTemplate> 
        </asp:UpdatePanel> 
    </form>
</body>
</html>

and also having some code master.cs file on pageload event for loginuser... no i am not using any back button.. i was just made for checking for what actually happens.... i want on browser back button

[Frinavale]

The ScriptManager class is part of the System.Web.UI namespace. It belongs to the System.Web.Extensions assembly (in System.Web.Extensions.dll). Make sure that this assembly is registered in your web.config file.

In your web.config, in the <assemblies> section you should have the following entries:

<assemblies>
    <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=...."/>
    <add assembly="System.Web.Extensions.Design, Version=3.5.0.0, Culture=neutral, PublicKeyToken=...."/>
</assemblies>
 

[avinash sh]

no .. in our application does not have above assembly.. how to add this assembly in my application ... and wat about the public key..? and after adding this assembly ..error remains same....

[Frinavale]

Create a new web application....
Try adding an UpdatePanel to the page.
If it works properly, go to the web.config and merge the <assemblies> section in with your application.

I hope that you are aware of the nature of the UpdatePanel.... anything within an UpdatePanel will perform a partial page update (an Ajax call).

Since this is the case, any JavaScript that is used by the controls within the UpdatePanel has to be registered with the ScriptManager.

The ScriptManager is responsible for managing all JavaScript/Ajax and StyleSheet resources used by the controls that participate in partial page updates (Ajax calls).

[avinash sh]

but in same application i added a page without inherited master page .. then i linked this page to login page... after click on link .. i navigated on new blank page... here the back button working fine... i.e. navigate on previous page on single click... ......?

[Frinavale]

Ok, for now, forget I mentioned the UpdatePanel.
It sounds like something else is going on here.

At one time you said that when you hit the back button you are brought to the "MasterPage"....

Could you please elaborate on this because I do not know what you're talking about here...

[avinash sh]

as u asked ... IN start browser back button is looking enabled. and browser forword button is looking disabled ..if i click on browser back button ..page remains same but browser forword gets enable... and again click on browser back button then page is redirected on previous page....

do u suggest me or provide some code.. so that i can navigate back to previous two pages on click of browser back button only for my application.???? it should change this property only for my application ....

[Frinavale]

So, your first page is the Login page....
The next page is some content page...

In your Login page, MasterPage, or Content page, do you have a Redirect happening?

If so, please post any methods that contain a redirect.

[avinash sh]

no .. i am talking about browser back button functionality.. i d'nt want to use any other back button... plz tell me how to use browser back button useful in single click... in my application ..it is being in double click.....
in other application browser back button working fine.. i want only to improve browser back button functionality...

[avinash sh]

... plz watch my master page code....where code is that

.<body onbeforeunload="busyBox.Show();"
this code caching the cuirrent page ,,
how to remove only current page from browser histry... i d'nt want to remove previous page from caching...so that i can go back on single click. actually in my application(asp.net) browser is caching the current page so that when i click on browser back button, page remain same.. if i double click on browser back button then it navigate to previous page...where code is that

[avinash sh]

plz reply me....busybox which i used .. details given in following link..
http://blogs.crsw.com/mark/articles/642.aspx.. plz reply..

[andrewr]

I'm getting same issue:

Using master pages and Ajax. I have back button in app and when using history.back() the page stays on the same page, but when using history.go(-2) it goes back to previous page.

The browser back button has the same effect...if I click the browser back button then it stays on the same page, but if I double click the browser back button it moves to the previous page. The pages are visible in the browser history and selecting the previous page in the history takes you to the previous page correctly.

This is ONLY experienced in IE, Firefox works fine!

So there's a workaround for the application navigation, but this does not sort out the root of the problem.

[andrewr]

I've found my problem. We using Response.Write(<script language='javascript'> window.location='" + URL + "';</script>) to redirect in order to set the statuscode (200) and description (OK). If we use response.redirect then the browser back button works on single click (or history.go(-1)).

The javascript redirect does not show in the browser history, but will cause the first "back" to re-run the javascript leaving you on the same page. Firefox obviously handles this intelligently and ignores the javascript redirect.

[Frinavale]

Thanks a lot for sharing your answer Andrewr :)