I have a webpage popup (lets call it POPUP) which refreshes the opener window (this one we call PARENT) when we close it, saying we want to save data. For this, we use
top.oWndOpener.refresh();
When we don't want to save the POPUP data, we just close the popup and don't refresh the PARENT. In the PARENT we have a "Back" link which executes a simple
history.back()
The problem is: If we refresh parent, we need to go back 2 pages, because the refresh method adds another page to the history. But we have no (easy) way of knowing in the PARENT if it had been refreshed. With this, our users are forced to click two times in the Back link.
Is there anyway of going back to the previous page, no matter how many refreshes happened in the current one ?
I have a form with a "Print" button on the page. When the user clicks this it doesn't actually print but opens a condensed version of the page, passing the field contents with php. On the new (condensed) page I capture the load of the page in js and when it occurs issue the command print(). This works fine.
But once I've done this (printed) I would like to return to my original form. I've tried
if (print()) history.back()
print() history.back()
neither seems to work. As an experiment I put the following code at the bottom of my condensed page that prints...
<FORM> <INPUT type="button" value="Click here to go back" onClick="history.back()"> </FORM>
Clicking on the resulting button does exactly what I want... clears the form and returns me to my original.
I just don't what to a) print the form with that button on it b) require user input after the printing.
So... can anyone point me in a way of making history.back() work outside of an onClick construct?
I used <input type="button" value="Back to Correct" onclick="window.history.back();"> to go back to the previous page is working, but if i use the as below instead, it does not work. what did I do wrong?
I'm attempting to use the javascript 'history.go(-1);' to make a page automatically return to the last page a user visited. At the moment, I can get this to work ONLY if I insert a link into the page.
What I want to happen is, the page autmatically sends the user back to the previous page after a set time. I have this for my JS:
function backtomusic() { window.location = history.go(-1); }
And in the body section of my page I have:
<body onLoad="setTimeout('backtomusic()', 3000)">
When it runs I get an error saying 'undefined' in the browser address bar
Have a slideshow navigation and want to put a DOM onubtrusive JS that finds the <a> in <li id="nav-back">and executes history.back() with a onclick handler. No worry about JS disabled because then I use a other link that is hidden when JS is enabled ...
Some questions-ideas
What do i need to put in the <a href="??"> of <li id="nav-back"> ? And the script I started see below, should it be written like that ?? History.back() works perfectly cross-browser in DOM capable browsers ??
This is the HTML
<div id="navwrap"> <ul id="nav"> <li id="nav-prev"><a href="#" title="go to previous image">previous</a></li> <li id="nav-back"><a href="#" title="go to overview of images">back to overview</a></li> <li id="nav-forward"><a href="#" title="go to next image">next</a></li> </ul> </div>
Is this how to do go about it if (!document.getElementbyId) {return;} var backButton = document.getElementbyId('nav-back').document.getElementBytagname('a')
backButton.onclick = history.back(); }
Is it possible to show in the title tag that last history entry ?
How can you capture a back-button move that points to an anchor.. So basically, the user enters the page, clicks on an anchor which brings him to another part of the page, clicks the back button. Now ideally when he hits the back button, I want to be able to call a javascript function from there.
Page loads --> user clicks anchor (#test) --> calls javascript function using onClick --> user presses back button --> ?? capture the back button move and call javascript function ??
On a page of mine a user might submit data several time, which adds an entry to the history each time (similar as http://www.google.com/trends?q=iPod...o=all&date=all). Yet later the user wants to go back to the previous page in one step. Now is it possible to loop backwards through the history until a different page is reached? Has anybody coded something like this?
We have an application where we page 1 has a submit button. As soon as this button is pressed, button would be disabled and new resulting page would be displayed. Now what is observed here is, when the user clicks the back button, page 1 is displayed back, but sometimes the submit button is still disabled.
I was asked to work on fixing this, and I also need to consider several test cases for testing this function. So what I did for this is, on <body> elements onload() event, I called a function which would enable the button, if disabled by anymeans. But on clicking back button, I found that onload() event of <body> element is not called. Why is this happening? Should there be any other event to be considered for handling this.
Another usecase, which I need to consider here is restricting invalid user agents. We have some logic internally to decide if the browser is a valid one or not. For testing this, I created my own user agent using UserAgent switcher plugin and invoked the app and it worked fine.
But, say I start with a valid user agent, click submit (at this point, button is disabled) and I navigate to some other screen and at this point, I change to invalid user agent and click back button, I should still get my submit button enabled back.
just trying to get this to work. Code is inserted into document head. I am using this on a confirmation page that comes up after submitting a form, I want the page to redirect to the previous page. I am also wanting to add a timer indicator to the page as feedback to the user.
I have a photo gallery that cycles images using custom buttons and replacing images from an javascript array. I do this so that I don't reload the page each time, just put up the next image so the next image (preloaded) appears instantly. I change the URL to include the image name so that it can be saved, linked, sent etc.
If I load the page and cycle through some pictures and then use the back button I can't find a way of detecting this and putting up the previous image - it just changes the URL in the browser and eventually unloads the page when it should.
I have a page which I've just added a div to so that it will show/hide 'advanced' search options. The problem is that I've not found a way to 'show' the div when a history.back() command is used.
First off I had it so that the div style was display:none. Site user would click on 'Refine Your Search' to show the additional fields. That worked fine, but the customer wants it so that when they go back from the search results to the search page it 'remembers' which boxes were ticked.
The problem is that when it does the history.back(), the 'Refine Your Search' radio button is selected but the div with the controls doesn't show. So, thinking I was clever I thought of an alternative way to skin this cat .
Instead of having the style of the div set as display:none I would set it as display:block and then have a javascript function that would set it to display:none when the page initialised. That way the 'default' state for the div would be display:block.
No dice...even though in the source code it shows the style of the div as being display:block the div STILL doesn't show.
The search page is at: [url]
Click on 'refine your search', tick a box (e.g. air conditioning) and then click the search button. Then at the bottom of the results page click the link to go back. You'll see the problem.
I am trying to trigger an event once the user clicks the browsers back/forward buttons, I have built a system just like facebook where if the user has javascript turned on they get the full feature of the site which includes fast switching for example if someone goes to this page "example.com/index.php" and click a link to contact.php it would change the url to "example.com/index.php#!/contact.php" but what I need to know is if there is any way to change the pages content when the user goes back and forth through the fast switch pages? something like "history.back !== -1" or something like that.
I can't alert the history array of the index page or use that arrays indexOf to read and write it to go back to predetermend conditional index of that array? If I could alert the history array and read the array elements then I might be able to write and go to one of the history array elements specificaly? So I might be able to use window onload to create an array that stores the classname of a div every time the divs classname is changed then go back in page history to the classname specified? code...
looking for some help regarding responseText, so please have a look :) im so mad right now because i have been struggeling for hours :(XMLHttpRequestObject.responseText returns correct value when i do alert(XMLHttpRequestObject.responseText); see linevar fnWhenDone = function (XMLHttpRequestObject) { alert(XMLHttpRequestObject.responseText); };But problem is that i want to save down the response to a variable... so i try to change it into var fnWhenDone = function (XMLHttpRequestObject) { varTest = XMLHttpRequestObject.responseText; };When i try to alert varTest later i get "Undifined"... im pretty new to javascript and have been stuck for hours ...See full code below
var myConn = new XHConn(); if (!myConn) { alert("XMLHTTP not available. Try a newer/better browser."); } var fnWhenDone = function (XMLHttpRequestObject) { alert(XMLHttpRequestObject.responseText); };
When using the code below the alert returns a value of null. In the past this has never happened, it has always returned the xml file I'm requesting. I have noticed a strange difference between browsers. This script is used to fill a form automatically. In its current state it works perfectly in opera, but does not work in firefox or IE (used to work in all the browsers). I'm by no means a javascript expert, am I missing something here?
I have a following string: var myHTML = "<html><body>testing hope this work in html</body></html>"; alert($(myHTML).children("body").html()); Why does the alert return NULL, instead of "testing hope this work in html" ???
I have a simple form here with a function to validate it, but I have no idea where I'm going wrong. I'm very familiar with ActionScript and C++, so I get the coding aspect of it, but one thing I'm not familiar with is how exactly JavaScript and HTML communicate. The problem is that this form always submits, even if my function returns false...but I can't even see if it returns false anyway, because alert() doesn't seem to be working either.
Im trying to make a back button that reloads the previous page the user was at. The back button will be on a small top frame and the page that needs to be controlled will be in the main frame.
The top frame is just a navigation system, and all pages will be loaded in the main frame. Im trying to use this Code:
I tried to display an alert window (avoid pop up since some users blocks it and hence not displayed on onload event in body) But it is not displayed properly like popup window.