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:
<!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?!
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?
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:
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]...
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
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?
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:
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?
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.
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.
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)
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.
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:
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
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?
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)');
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
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?
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....
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>
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.
