redirect to another page when browser back button is clicked

valhalen

Hi,

I am trying to redirect the user to another page (other than the previous one in the browser's history) when the browser's (IE's) BACK button is clicked. I found this snippet, but am finding it difficult in getting it to run :(

Expand|Select|Wrap|Line Numbers

 if (history.previous)

{

    document.location="page_to_go_bak_to.html";

}

Could any of you please provide a small example for the code in page2 and where it should be placed (since I am a novice :))?
scenario: user goes from page1 to page2, when he clicks on browser BACK button in page2 he goes to page_to_go_bak_to.html instead of page1.

thanks.

vee10

hi,

u should write in page2 for the unload event

for example

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

    <title>Untitled Page</title>

   <script type="text/javascript">

   function func()

   {

   if(window.history.previous) 

   {

   window.navigate('HTMLPage.htm');

   }

   }

   </script>

</head>

<body onunload="func()">
 
</body>

</html>

then it will be redirected to HTMLPage.htm

gits

you should use:

Expand|Select|Wrap|Line Numbers

window.location.href = 'page_to_go_back_to.html';

instead of window.navigate() since this is not a standards-compliant method ...

kind regards

valhalen

ok..i have now tried both of your suggestions - neither seems to be working
so here's my code
===================page1.html===================== ======
[HTML]<html>
<head>
<script>
function nextPage()
{
window.location.href = "page2.html"

}
</script>
<form name="next_page">
<tr>
<td align="bottom">
<form method="POST">
<p><input type="button" name="B1" value="Go to Next Page" onclick="nextPage()" style="position:absolute; top:450px; left:607px"></p>
</form>
</td>
</tr>
</form>
</head>
<body>
</body>
</html>[/HTML]
================================================== =======

===================page2.html===================== ======
[HTML]<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript">
function func()
{
if(window.history.previous)
{
window.location.href = 'page_to_go_back_to.html';
}
}
</script>
</head>
<body onunload="func()">

</body>
</html>[/HTML]
================================================== =====

======================page_to_go_back_to.html===== ==========

[HTML]<html>
<head>
<title>Page to go bak to</title>
</head>
<body>
</body>
</html>[/HTML]
================================================== ====

please suggest - thank you.

valhalen

UPDATE - the below code when put in page2.html works, but when I hit "cancel" on the dialog box, it refreshes the page2 - can this be prevented? thank you.

[HTML]<head>
<script language="Javascript">

</script>
</head>
<body onunload="onBak()">[/HTML]

redirect to another page when browser back button is clicked

re: redirect to another page when browser back button is clicked

re: redirect to another page when browser back button is clicked

re: redirect to another page when browser back button is clicked

re: redirect to another page when browser back button is clicked

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about