History.back()

ckleow · Apr 17, 2001

Dear all,

I am stuck at this problem. I've got 2 iframes open in one html page, one I shall call "IFrameTop" and the other one I shall call "IFrameBottom". I've also put "history.back()" in a link called BACK in IFrameBottom.

However, right after everytime I click on any link in IFrameTop(the focus is on IFrameTop), and I then click the BACK link in IFrameBottom, the link will make IFrameTop go back instead of IFrameBottom.

Can someone please help me. I am stuck here. I realize that this happens in IE 5.5 but not IE 5.0.

Thanks a lot for your help, people!
ckleow

Below is my code;
-----------------
<html>
<head>
<title>zoomFinance:Article Preview</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<script language="JavaScript">
self.name = "this";
function goBack() {

history.back();

}
</script>

<%@ include file="../scripts/jscode.js" %>

<table width="750" height="100%" cellspacing="3" cellpadding="3" bgcolor="#2B2B2B">
<tr>
<td colspan="4">
<div>
<table width="98%" border="0" align="center" height="100%">
<tr>

-------------------------------
Below is the BACK link...
-------------------------------
<td>
<img border="0" src="<%= IMAGE_BASE_URL %>icon_add.gif"><font size="2" face="Arial, Helvatica, sans-serif" color="#FFFFFF">
<a href="JavaScript:goBack();" class="headline">back</font></a>

------------------------------
</td>
</tr>

<tr>
<td>
<% if (strThumb[0].length() > 0) { %>
<img src="<%= strThumb[0] %>" align="left" valign="top">
<% } %>
<div>
<font size="2" face="Arial, Helvatica, sans-serif" color="#FFFFFF"><strong><%= strHeadline %></strong></font>
<font size="2" face="Verdana, Arial, Helvatica, sans-serif" color="#FFFFFF">


<%= formatBean.formatDate(dtCreated) %>
<hr size="1">
</font>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="4"> <font size="2" face="Verdana, Arial, Helvatica, sans-serif" color="#FFFFFF">
</font>
<table width="98%" border="0" height="100%" align="center">
<tr>
<td>
<font size="2" face="Verdana, Arial, Helvatica, sans-serif" color="#FFFFFF">
<%--
<% if (strSummary.length() > 1) { %>
<br>
<%= formatBean.formatText(strSummary) %><br>
<% } %>
--%>
<%= formatBean.formatContent(strContent, "MN", strThumb, strImage, strCaption, "&quot

%>
</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img border="0" src="<%= IMAGE_BASE_URL %>icon_add.gif"><font size="2" face="Arial, Helvatica, sans-serif" color="#FFFFFF">
<a href="JavaScript:goBack();" class="headline">back</font></a>
</td>
</tr>
</table>
</body>
</html>
---------------

johnnydaboy · Apr 17, 2001

You need to refer to the frame that you want to go back in because each frame has it's own history. The easiest way to do this is pass a reference to the frame that you want to go back in to the goBack() function and then go back in it.

You can go back in multiple frames by sending multiple frame references to goBack() and going back as you loop through them.

Hope that helps.

/johnny

ckleow · Apr 17, 2001

Hello Johnny!

Thanks a lot for helping me out...but how do you reference a particular frame? I tried a couple of ways but couldn't get it right. Below is my latest attempt, thank you very much for your help!

brgds,
ck

------------------

<%@ include file="../scripts/commonVars.jsp" %>
<jsp:useBean id="mnBean" class="i2Bean.mnBean" scope="page" />
<%

//
//Changes : MAX_IMAGES = MAX_IMAGES - 2
//Reason : the last 4 images are used for custom positioning in the RUM
//
int iLoop;
int iImages = 4;
boolean bPreview = false;
long lUpdater = 0;

String strMNID = request.getParameter("mnid&quot

;
String strUID = "";
String strDisplay = "";
String strUpdater = "";
Date dtUpdated = null;
String strHeadline = "";
String strSummary = "";
String strContent = "";
/////////////////////// changes ///////////////////////////
String strThumb[] = new String[mnBean.MAX_IMAGES - iImages];
String strImage[] = new String[mnBean.MAX_IMAGES - iImages];
String strCaption[] = new String[mnBean.MAX_IMAGES - iImages];
///////////////////////////////////////////////////////////
String strSrcImg = "";
String strDeleted = "";
String toSource = "";

Date dtCreated = null;

strTemp = request.getParameter("options&quot

;
if (strTemp != null) {
if (strTemp.compareToIgnoreCase("previewmode&quot

== 0) { bPreview = true; }
}

/////////////////////////// changes ///////////////////////
for (iLoop = 0; iLoop < mnBean.MAX_IMAGES-iImages; iLoop++) {
///////////////////////////////////////////////////////////
strThumb[iLoop] = "";
strImage[iLoop] = "";
strCaption[iLoop] = "";
}

if (strMNID == null) { strMNID = ""; }

if (!mnBean.getArticle(strMNID)) {
System.err.println ("getArticle: " + mnBean.getError() + " [" + mnBean.getErrorCode() + "]&quot

;
}

strUID = mnBean.getAuthor();
strDisplay = mnBean.getDisplay();
dtCreated = mnBean.getCreated();
strHeadline = mnBean.getHeadline();
strSummary = mnBean.getSummary();
strContent = mnBean.getContent();
strSrcImg = mnBean.getImage();
if (strDisplay.length() == 0) { strDisplay = strUID; }

//////////////////////// changes ///////////////////////////
for (iLoop = 0; iLoop < mnBean.MAX_IMAGES-iImages; iLoop++) {
////////////////////////////////////////////////////////////
strThumb[iLoop] = mnBean.getThumbC(iLoop);
if (strThumb[iLoop].length() > 0) {
strThumb[iLoop] = IMAGE_BASE_URL + "MN/" + strUID + "/" + strMNID + "/" + strThumb[iLoop];
}

strImage[iLoop] = mnBean.getImageC(iLoop);
if (strImage[iLoop].length() > 0) {
strImage[iLoop] = IMAGE_BASE_URL + "MN/" + strUID + "/" + strMNID + "/" + strImage[iLoop];
}
strCaption[iLoop] = mnBean.getCaptionC(iLoop);
}

if (strSrcImg.length() > 0) {
if (strUID.toLowerCase().indexOf("afa&quot

> -1)
strSrcImg = IMAGE_BASE_URL + "MN/" + strUID + "/" + "title_afx.gif";
else
if (strUID.toLowerCase().indexOf("bernama&quot

> -1)
strSrcImg = IMAGE_BASE_URL + "MN/" + strUID + "/" + "title_bernama.gif";
else
strSrcImg = IMAGE_BASE_URL + "MN/" + strUID + "/" + strSrcImg;
}

toSource = MN_SOURCE_INFO + "?uid=" + strUID;

if (bPreview) {
%>

<html>
<head>
<META HTTP-EQUIV='EXPIRES' CONTENT='0'>
<META HTTP-EQUIV='PRAGMA' CONTENT='NO-CACHE'>
<META Name = "Copyright" content="Copyright© 2000 Forum Digital Sdn Bhd">
<META Name = "Keywords" content="real-time quotes, realtime quotes, quotes, finance, financial, malaysia, content, financial news, financial content">
<title>zoomFinance:Article Preview</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<%
}
%>

<html>
<head>
<title>zoomFinance:Article Preview</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<script language="JavaScript">
self.name = "this";
function goBack() {
***my failed attempt to reference IFrameBottom***
parent.iframesResult.history.go(-1);

**************************************************
}
</script>

<table width="750" height="100%" cellspacing="3" cellpadding="3" bgcolor="#2B2B2B">
<tr>
<td colspan="4">
<div>
<table width="98%" border="0" align="center" height="100%">
<tr>
<td>
<img border="0" src="<%= IMAGE_BASE_URL %>icon_add.gif"><font size="2" face="Arial, Helvatica, sans-serif" color="#FFFFFF">
<a href="JavaScript:goBack();" class="headline">back</font></a>
</td>
</tr>

<tr>
<td>
<% if (strThumb[0].length() > 0) { %>
<img src="<%= strThumb[0] %>" align="left" valign="top">
<% } %>
<div>
<font size="2" face="Arial, Helvatica, sans-serif" color="#FFFFFF"><strong><%= strHeadline %></strong></font>
<font size="2" face="Verdana, Arial, Helvatica, sans-serif" color="#FFFFFF">


<%= formatBean.formatDate(dtCreated) %>
<hr size="1">
</font>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="4"> <font size="2" face="Verdana, Arial, Helvatica, sans-serif" color="#FFFFFF">
</font>
<table width="98%" border="0" height="100%" align="center">
<tr>
<td>
<font size="2" face="Verdana, Arial, Helvatica, sans-serif" color="#FFFFFF">
<%--
<% if (strSummary.length() > 1) { %>
<br>
<%= formatBean.formatText(strSummary) %><br>
<% } %>
--%>
<%= formatBean.formatContent(strContent, "MN", strThumb, strImage, strCaption, "&quot

%>
</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img border="0" src="<%= IMAGE_BASE_URL %>icon_add.gif"><font size="2" face="Arial, Helvatica, sans-serif" color="#FFFFFF">
<a href="JavaScript:goBack();" class="headline">back</font></a>
</td>
</tr>
</table>
</body>
</html>

indigojo · May 1, 2001

OK, i have 2 pages, one is a search console, the other is a javascript new window which opens when user presses search. we want to have a back button on the results page that returns the user back to the search console which is still open without reloading it every time. i know this can be done but need some help with the code if any one can help, or point me to a site using something similar. thanks in advance

Guest_imported · May 26, 2001

I am sort of working on the same thing. I have a top frame and bottom frame. I want the user to click on my back history botton on the top window and reference the history in the bottom frame to take the user to the previous bottom frame. How do I do this?

johnnydaboy · May 26, 2001

indigojo:

Are you sure you want your button to imply that the user is going back? It should, in human interface design terms, suggest that they are going to return to the search window. The way to do this is:

var search_win = window.open(url,name,attributes);
Here you are setting the window to a variable (search_win) so you can reference it later.

then for your "back" button:

<a href="javascript:search_win.focus();"><img src="your_button.gif"></a>

All this does is bring the search_win window to the front and does not reload it.

johnnydaboy · May 26, 2001

hoffa2:

To go back in the bottom frame from a link in the top frame:

<a href="javascript:top.frames[1].history.back();">Back</a>

where frames[1] is the second frame the the frames array. You could also use the_name_of instead of frames[1].

Hope this helps,
/johnny

tjesker · Jun 18, 2001

I used:

<a href="javascript:top.frames[1].history.back();">Back</a>

in a top frame to go back one page in the bottom frame. It works fine with Netscape 4.6 but does not work with Internet Explorer. I've tried several other methods of accomplishing the same thing and none of them would work in Internet Explorer.

Can anyone tell me how to do this so that it will work in IE?

Thanks

Tom Esker
tjesker@interdyne.com

Guest_imported · Jun 27, 2001

I had the same problem...here is soome code that worked for me:

<a href="#" onClick="top.history.back()">Back</a>

Guest_imported · Jul 2, 2001

Actually in my site i would like to avoid clients to go to back what is the code to be used for that

actually i know that by setting the value of history.back() to -1 we can avoid it but how to use it i proper way i feeling difficult

pls help me out with this

regards

ChainsawJoe · Jul 2, 2001

script Doubts>> a cheeky way around this would be to use the javascript location.replace(url) when you click a link (this loads the linked document OVER the current doc in the document history list) . . . you could use event capture to get the clicked link's href value and then use a location.replace(URL) to load it. . . . any use? If you want this in more detail, let me know . . .

)

jioek · Jul 5, 2001

If you go to my site and look at the left frame left.html
it has code that works great for me
I have three frames

http://www.alpacker.com

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

History.back()

ckleow

Programmer

johnnydaboy

Technical User

ckleow

Programmer

indigojo

Technical User

Guest_imported

New member

johnnydaboy

Technical User

johnnydaboy

Technical User

tjesker

IS-IT--Management

Guest_imported

New member

Guest_imported

New member

ChainsawJoe

Programmer

jioek

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor