Use IFrame To Create Back Button Affect For DHTML
Dec 23, 2007
I am trying to put together a proof of concept. What I am trying to prove is that a back button affect can be accomplished using DHTML and an IFrame. Here is the concept, as the user changes data, that data can be written to an IFrame. Then, when the user hits the back button, contents can be taken from the IFrame using history.back() since the IFrame should remember the content written to it just like a page would.
Here is my problem. The below code writes the content entered into the text box into the IFrame. But when I click the button to execute the history.back(), the value returned is undefined.
I think my problem might be that the code which writes the contents of the text box to the IFrame is doing that dynamically, so the page is not caching it. If this is correct, how can I write the dynamically entered content from the text box to the IFrame so it can be cached by the IFrame window? Code:
View 2 Replies
ADVERTISEMENT
May 11, 2006
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> Back Button Test </title>
<script language="JavaScript">
<!--
function createDiv(){
var div = document.createElement('div');
div.innerHTML = TEST DIV'
document.body.appendChild(div);
}
//-->
</script>
</head>
<body>
<input type="button" value="Create Div" onclick="createDiv()">
</body>
</html>
I using this code sample to create some divs in Firefox and IE6. After going to another site ex:google.com..if I click in the back button the created divs remain in Firefox, like I want, but doesn't in IE... Do you know what's wrong?! Is this an IE6 lack?!
View 2 Replies
View Related
Jan 24, 2011
I am wondering how Back, Forward browser button works for iframes. Does it bring back/forward iframe or top window? I remember I had before a problem because I wanted to bring back iframe and not top window as it did. But today I tested my Facebook app and was surprised to see it works as I need which means it brings back/forward iframe window and not top. Is it possible that Facebook has some javascript code which does that or is this normall behaviour?
View 4 Replies
View Related
Jul 10, 2010
I have multiple IFrames on my site with different content inside each. I made a back button for each IFrame
Code:
'<a href="javascript:'+ WindowFrameID + '.history.back();"><div class="forwardbutton"> </div></a>'
It works well for a single frame but if I follow any link inside frame1 and click back button for frame2 then frame1 goes back.
View 2 Replies
View Related
Nov 9, 2005
Okay, so I've just installed a javascript that redirects to any random page from a specified list. The problem with it is, it's in an iframe and works as sort of an advertising area. So on the mainpage where the iframe has been placed, whenever someone uses the back button, it just keep going back in the iframe and choosing random pages. The back button doesn't work on the mainpage and instead is used in the actual iframe.
I'm not sure if this is a problem with the iframe or the script, and I don't think I have the mental capacity to figure it out so I'd really value some help! Oh, and apparently the problem doesn't occur when using Firefox. Code:
View 2 Replies
View Related
Feb 1, 2011
when you have a page that contains an iframe, and then navigate inside the iframe, hitting the browsers back button will only affect the contents of the iframe and not the entire page. I've been searching all over for solutions and cant find one that works for my current implementation.
function ShowPage(frame)
{
frames[0].location = frame+'.html'
frame.contentWindow.location.replace(newUrl);
}
[Code]...
View 4 Replies
View Related
Jan 18, 2011
How do i make it so that when there is an event insidean iframe on the page, it affects and can call a function from the outerpage? (that houses the iframe
View 1 Replies
View Related
Jul 1, 2011
I'm looking to have a lightbox pop up when a user clicks the Back button in their browser rather than just navigating back. The purpose is to ask a question with a Yes/No answer, and if they click No, I allow them to go back. The only thing I've found anything like this is the onUnload event, but that doesn't prevent them from going back. How should this be handled?
View 1 Replies
View Related
Feb 24, 2004
I am trying to write a script that uses the IF statement to see wether or not a user clicked the back button to come to a page, and then if it's true to not let the page load and kick them back X number of pages (say 4) This is what I have so far:
<script language="JavaScript"><!--
if javascript:window.history.back == 1
{
javascript:window.history.back(4);
return false;
}
//--></script>
View 14 Replies
View Related
Jul 20, 2005
I have the following Script in my web page reduce to two pages.
<script>
function details()
{
document.getElementById('details').style.visibilit y='visible'
document.getElementById('capabilities').style.visi bility='hidden'
}
function capabilities()
{
document.getElementById('details').style.visibilit y='hidden'
document.getElementById('capabilities').style.visi bility='visible'
}
</script>
With the following HTML code..
<table id="Menu" border="1" width="100%">
<tr>
<td><a href="#" onclick="details()">Details</a></td>
<td><a href="#" onclick="capabilities()">Capabilities</a></td>
</tr>
</table>
<div id="details" style="position:absolute; visibility:visible;">
<table border="0"><caption>DETAILS</caption>
<tr><td>Name:</td><td>Enter name</td></tr>
<tr><td>Email:</td><td><a
href="mailto:anyname@anydomain.com">EmailName</a></td></tr>
<tr><td>D.O.B:</td><td>Date of Birth</td></tr>
</table>
</div>
<div id="capabilities" style="position:absolute; visibility:hidden;">
<table border ="0"><caption>CAPABILITIES</caption>
<tr><td>Java Script</td><tr>
<tr><td>Java Script</td><tr>
<tr><td>Langauges</td><tr>
</table>
</div>
What I am trying to do is create a CV where you turn the pages without
reloading the web page. I have successfully done this using the code
above but the links don't work in Internet Explorer until I have gone
through all the pages. Netscape and Opera Works Fine!
The above consists of two pages for convience but my final site will
be approx 6 to 7 pages long.
Can anybody help get the links working on loading up 1st time without
having to go through all the pages or is there a bug with IE?
View 14 Replies
View Related
Jul 23, 2005
Don't know if this is the right place to post this JavaScript issue. If not, could someone point me in the right direction please.
I am trying to make a "cross browser compliant" floating iFrame. Not real fancy, just load, resize and move.
But, I do not have the browsers, OSs and different machines (like Mac) to test the code on.
So I need some help to see where this basic example of works and does not
work. That is, some help testing and correcting it if possible.
So far, I know it works on these: IE6 Win98, IE6 Win2000Pro, Netscape 7 Win200Pro, FireFox XP Home & XP Pro and IE6 XP Pro. But what about, PC IE5, IE5.5, Opera, and Mac (all), as well as others I've omitted.
View 6 Replies
View Related
Jun 21, 2009
Entire Code Sample:[URL]I can get this code to work no problem if I create a second iFrame ("iNav") just to load the DHTML menu into. EX:
Code:
var FirstLineFrame=parent.iNav; // Frame where first level appears
var SecLineFrame=parent.iNav; // Frame where sub levels appear
var DocTargetFrame='icontent'; // Frame where target documents appear
However I would like to avoid this as I really just want the single iFrame on my page and then dynamically load content into the iFrame via the DHTML menu.
View 1 Replies
View Related
Mar 3, 2010
I am using a dhtml "Image Slideshow", and I was really happy with I customized its layout to my needs, and it runs perfectly on FF and on IE (wich is very important for me, since in my country most of people still use IE). Check it hereHowever, when I insert the slideshow in my design, it stops working on IE (working in perfection on FF):I am using the original slideshow file in an iframe.(before I tryed to paste the code directly into the page, but it didn't worked, so I thought using an iframe would work, because the code of the original document would be intact)
View 5 Replies
View Related
Aug 18, 2005
I have searched high and low for this topic and can't find it anywhere. I have an administration form that lists tasks for an admin. For each item on the task list I want to offer the admins a button that will dynamically show a form within the page and just under the task item (without sending the page back to the server at this point). When the button is clicked I want the text on the button to change from "Click here to add comments" to "Close this form". I also want any open form to close if another 'open form button' is pressed.
I am still not that strong in JavaScript and DOM. I am not necessarily looking for some to do this for me, but I would like at least a starting point. I have found a small snippet that uses an image as the trigger for the event, but I would like to use a button to stay consistent with the look and feel of the page.
View 6 Replies
View Related
Oct 21, 2011
I wanted to create a small DHTML code that created a unordered list of input forms dependent on the number selected from the select dropdown menu. Problem is that it doesn't seem to want to generate the list. I think the variables are within the scope of the function too, and I didn't get an errors from the javascript console when using firebug. The script itself runs, I tested it when I used the old standby alert(); to see if the script was active. Here's the code:
[Code]...
View 14 Replies
View Related
Sep 14, 2010
I am trying to capture the back button and redirect if it is a certain URL, if not just go back like a normal back button.I've never really messed with the history except for something like this: <a href="#" onClick="history.go(-1)">Anyone have an example using this plugin: [URL]r any other plugin that might achieve this
View 1 Replies
View Related
Oct 7, 2011
Im trying to use javascript history to resize an iframe when a submit button is clicked inside the iframe.
This is what i found so far.
Code:
Us this with iframe:
Code:
Code:
But im not really sure on how to apply this to my iframe, and i know that the resize part also needs to be edited, but what is missing?
View 1 Replies
View Related
Jul 23, 2005
I'm trying to communicate between a parent document that is controlled
through pure Javascript with an embedded IFrame containing an ASP.NET
form. I can quite easily pass data into hidden fields in the IFrame and
submit the form to pass data to the ASP.NET application.
Now the tricky part! (at least for me, probably not for everyone
else!), how can I set a field in the ASP.NET page (using ASP.NET during
a postback), which I can get the value of within the parent Javascript
controlled page?
View 3 Replies
View Related
Jul 26, 2011
I want to place some background images behind my navigation links using JQuery. I have spent hours Googling the most promising solution which do not work : And when I apply these solutions to my own code I come up with: $('ul li :eq(0)').css('background', 'url(../images/home_icon.gi)');
View 2 Replies
View Related
Dec 19, 2010
I have an iframe that contains x.asp:Code:<iframe name=chat width=90% height=50% frameborder=0 src=x.asp></iframe>x.asp is refreshed every 1 second using metatag. The problem is that everytime x refreshes, x goes top so the last line is not visible.What I need is a javascript that when x refreshes, scroller automatically goes to the last line
View 1 Replies
View Related
Mar 29, 2010
I am creating a website that uses columns (example) and I would like to be able to click left and right buttons to scroll horizontally one column at a time without the header and footer scrolling with the content.
I have tried using Scrollable and JCarousel but both require you to scroll through a set of list items. I need to be able to scroll 320px at a time. Is this possible?
View 2 Replies
View Related
Jan 13, 2009
A page I'm working on lets users open a new window, which in turn lets them send data back to the parent page to create new table rows, cells, links, etc. One of the links created is "delete", so it should delete the row that the delete link belongs to when clicked on. I can do this no problem in ff using the setAttribute('onclick',onClickEvent), but can't do this in IE. I'll show some code to make this easier to understand....
[Code]....
View 3 Replies
View Related
Oct 12, 2010
Currently using: version: 2.47 (04-SEP-2010)
If I have iframe: true, my JSON response back is always:
<head></head><body>{"WEBSITE_URL":"test","ASSETTYPE_ID":0.0,"ASSET_RESULT":{"ASSET_ID":9,"ERROR":false},"ASSETTYPE":"link","NAME":"test","DESCRIPTION":"test"}</body>
Was this done for a specific reason (note the Head/Body tags)? Is there a safe way of parsing this JSON request out? Am I doing something wrong?
View 2 Replies
View Related
Jul 20, 2005
I have a graphic with a rollover for site navigation on each page. I
put the page to go back to in the rollover javascript.
My question is, is it possible to put in some code that will refer the
visitor back to whatever page they came from rather than one I
specify?
The rollover is combined with a tooltip script to make matters fun
(below). However, I'm quite happy to lose the tooltip to have the link
perform as a back button.
<a href="../index.asp"
onmouseover="document.images['link1'].src=img2.src;
showtip(this,event,'Back to home page');"
onmouseout="document.images['link1'].src=img1.src; hidetip()";><img
src="bhome.gif" name="link1" border=0></a>
View 3 Replies
View Related
Jan 27, 2007
how do i make the page go all the way to the top after you press the back button?
for example, you would go to page 1 and you scroll mid-way, then you press a link to page 2. then you press the back button on page 2 and takes you back to page 1 but it brings you back to the section where you scrolled mid-way.
is there any way to make it so it will automatically bring you to the top of the page. ive seen it on other sites.
View 6 Replies
View Related
Jan 9, 2006
i'm trying to find a way to reset the back button so when incrementing through my forms the users can't acidently go back to a previous page
View 8 Replies
View Related