Firefox - Keep IE From Reloading When The Use Clicks 'back'
Dec 19, 2011
I'm having an issue with the difference in behavior between the IE and FF back buttons. I'm using jQuery to create collapsable div regions which contain text boxes on a search form. After submit, if the use clicks the back button in FF, the region(s) the user had previously expanded, show as expanded. Also, there search term is still present. In IE, when clicking the back button, all regions are collapsed, in there original loaded state, but the search term is still saved. I put the following code at the top of the page:
onload=function(){
alert('Onload!');
}
When clicking the back button in FF, nothing happens. For IE, the alert pops up. This tells me that IE reloads the page (but somehow still saves some things, like the search text). My question is, is there a way to keep IE from reloading when the use clicks 'back'? I will be creating my own 'edit' back button for users to get around this, but I also would like to prevent this from confusing users and causing undesired results.
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 want users to work from a main application. Certain things will need to be done but the users wont want to see the main screen go away while doing these certain things. So my idea is to just open a new window with the content they need, they'll make their changes, the new window will close but then I want the main page to reload.What I've done now is at the end of the script that will be run prior to the new window closing is added this (its a php app):
At main page, I want to have a js hyperlink onclick='select products()' This Onclick will open up a new small window, list down all products, once ppl select the products and close it, the selected product(s) will directly appear inside div of the main page.
Criteria:Refresh the value into parent page div Without reloading the parent window.Ability to assign back product id and name from small window to parent window.I'm not sure how to do that.Btw, I am using jquery. If anyone know how to implement this via jquery, it will be great.
I'm using 2 <script src="script file name here"> tags.
When I make a change to a script in the file in the 1st script tag, I have to turn the browser off and then back on to see the change-reloading the page isn't enough.
How can I make it so I see the changes by reloading the page and not turning the browser off and back on?
I'm creating a dynamic site but now I'm coming across a problem when I'm displaying input textbox.The textboxes uses two events onblur and onkeypressThese two events they invoke the same function which suppose to determine the function must be executed between Shownext() and tabbackorFront()When a use uses tab key to go or display the next select dropdown it functions well ut when the user clicks tab+ctrl to go back the function that is called is the onblur instead of the onkeypress.What I need is the way at which the events are called when tab+ctrl is clicked to go back
When a user in somewhere of a site, he/she may want to login to access some user restrict pages. He/she clicks a login link on the menu and sign in on the login page. How to use JQuery to let the user back to the page where he/she clicks the login link?
We are developing an application with ASP.Net and C#. We have a back button (html link) on few pages, by clicking on back button it triggers the browser back event. So user will be able to see his last viewed results (by going only one level back).
We are calling "window.history.back();" function of Javascript to achieve this, but the problem is that its working fine in IE but not in Chrome and Firefox. Whenever user clicks on the back button, Chrome and Firefox reloads the page from server and execute all the server side events.
What we need is simply go to one step back without reloading or refreshing the page.
How you handle back button scenario in firefox browser. The problem is when i click browser back button , the javascript on load is not executed and page is rendered from cache.
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:
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 been trying to utilize a pre existing snippet of JS that makes a call to some PHP, where the PHP echo's out the answer, namely a dynamic quick search output, that gains its data from an xml file (which works as expected) and thought I might be able to rework the code to work for my altered purpose (which has been a disaster at every attempt) which is as follows:
1. I have a JS file called call4section.js - JS that has a string (str) value assigned (could be number or a combination of numbers and letters) which is passed to a PHP script called call4section.php.
2. The PHP script takes receipt of the string and finds a match within an XML file for the entry under <reference>.
3. The XML file has a format as follows:
<pages> <note> <section>value</section>
[code]....
And well, I dont seem to be able to get any further forward with it. Effectively, I can echo out the $reply (if it worked I think), but my stumbling block is sending the starting string, with the JS expecting some reply sent from the PHP.
Basically, I want the same effect as the oldschool html 'frameset' I think.[URL]If a user selects a project from industry -> transportation for example, I would like that the right scrollmenu keeps its initial state when the new project page comes up. So they won't get lost and have to click again to be in the same submenu section.So, the right thumbnail navigation should stay in the same way, I don't want it to reload.Do I have to do it with frames or iframes? Or can I make some kind of jQuery call to 'not reload' that div? Maybe PHP? I'm sorry, I am not a programmer from origin.
Update:I managed to put the whole thumbnail navigation code into a seperate php file, called sidebar.php. Now this gets called in my single.php (Wordpress) by <?php get_sidebar(); ?>.Should it now be easier to make this sidebar.php NOT refresh on page reload? I've been looking at cookies, php sessions, iframes.. but I can't get it to work.
I have a flash embedded into HTML and at some action in the flash, a javascript is called that changes the CSS properties of the div containing the flash (postion, from relative to fixed)the problem is, when this CSS is called the flash banner reloads from the beginning.. I read about it, and it's kind of a bug in firefox.the question is, is there a way to change the CSS without reloading the flash?
I have a site with frames. Like most sites with frames, clicking links in one frame changes the page in the other frame.
Obviously, if someone puts in the URL for my site, they will get the "homepage" when they first get there. What I would like to accomplish is that if they leave my site, and then use the BACK button to come back, that the site will open with the homepage, not whatever page they were at when they left. Is that possible using javascript? If so, how?
My site isn't actually "on the web" yet, so I can't give you a URL.
I have a page that has several layers that I will either show/hide based on a graphic/tab that the user clicks. (works perfectly)
On several of the layers there are forms that the user can update information on. Well, after the user updates the information, I need to 1.) refresh the data on the page(means a reload of the page), and 2.) take the user right back to were they started.
My problem is that when I refresh, the page goes back to the 1st layer that is set as default to show.
So, here is what I did. I have two functions.
Function 1 is called when the user clicks on one of the tabs (Assets) in this case. This will 1.) show the Assets tab and 2.) hide all the rest of the tabs.
Well if I update that form for Assets, I need to 1.) refresh the data and 2.) bring the user right back to Assets.
What I did for this (please tell me if there is a better way) was to set a hidden field with the lastlocation of where the user clicked. In this case the field value is now set to Assets.
So far everything is working great...
Well, if I submit the form because I've updating information, I need to return back to the assets layer. To do this I set the location.url and put a var in the url that I evaluate when I OnLoad the page. If the value = Assets then I am able to show/hide the layers to get to the Assets.
Again, this works great after much banging of my head against the wall... Here come the problem.
Because I set the location.URL (I've also tried location.href) the browser will automatically refresh. I do not want this. I want to set the url and only refresh when I want to.
For example when I submit a form that updates data.
Suppose I have two frames, as shown in the script below. One of the frames, I would like to have reload every ten minutes or so. Hower, the frame I wish to reload is a php script, which executes and creates a png image which gets displayed directly to the browser frame (therefore, the image is NOT written to the server itself, and the page that gets displayed in the frame I wish to update is a png image mime type).
How can I amend my script in my page which holds the frameset (i.e. the parent) such that only one particular frame is updated at a fixed interval?
I'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information.
However the only thing I have been able to do is fade out the 'main' div inside this tab, $('#main').fadeOut('slow'); but adding a .load('#main') to reload the div fails.
I've also tried loading ui-tabs-1 but I dont think this will work since page1.html doesnt have it defined, it's part of the page loading page1.html (where all 4 tabs are located)
I am just starting out with jQuery (slowly reading through my book)
I am trying to find a way to stop a DIV from reloading with the rest of the page content.
I have a fixed position div at the bottom of the browser with image thumbnails. I am trying to figure how I can get this DIV to NOT refresh when a link inside it is selected. This will allow the scroll position in this div will remain in the correct location.
I'm trying to get a form working like Google's "Was this information helpful?" link at the bottom of their help pages. ie. http:[url]....What I want to do is when a user clicks on the Yes / No link it submits the yes / no value to a php script, but without reloading the current page.Is there any way to do this other than using Ajax?
I made a form with a tooltip function when you hover over an input field.But when I load the page, after about 500ms, the page turns white and the ""Loading..."-message from the browser stays forever.I found out that this is because of the tooltip function, especially the code:document.write(table)
Here's the javascript: //////// Tooltip code ///////////////////////
I started on the following page (part of an asp.net solution), but the damned thing keeps reloading.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">