JQuery :: Stopping Back Button From Refreshing The Page And Undoing All The User Actions?
Aug 25, 2010
I have a number of pages that organize book data by category and then by unit, chapter, section, etc... Since there is a ton of data I display the headings and hide the rest of the content for the category. When a user clicks the heading then the content for the heading is shown underneath it. This works great and the users don't have to scroll (at least not much in comparison to if everything on the page was visible) unless for some reason they expand tons of stuff.
The problem:My company wants it so that if they expand a bunch of stuff and then browse to another page, that when they click the back button, everything should still be expanded as they left it. The issue is, this content is only available to logged in users and is based on their current location (which they can change at any point), so if their session expires or they logout, using the back button to get to these pages needs to redirect them to the login screen, if they change pages and change their location, going back to this page needs to display the correct content for their location. It is kind of a catch-22. Of course in the eyes of my company "shouldn't it just work that way?"
Now, user X clicks on Thing 6. He didn't want 6, but 7. So he clicks the evil back button. Now the list is truncated again and the user gets annoyed wishing that the list was expanded where he left off. What's the best way to let javascript remember to keep the list expanded after the back button is pressed? I have the same issue for table sorting. I use the Jquery tablesorter pluggin and the sorting is forgotten after the back button is pressed.
I have a text box where a user can press enter, tab (keypress) or click out of it (focusout) and an action happens. The box then gets removed. The problem is, the user presses enter, but that event is fired and then as the text box is removed the focus out is firing again.
How do I prevent removing the text box from firing the focusout action? I can remove the action totally but the text box could be returned to the document later.
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 have a search form that a user selects item from dynamic list hits the submit button and it returns each matchingresulton same page in an update form, i have 2 checkboxes in update form that updates the DB when 1 is checked, this all works fine until i check the checkbox the data updates ok but allremainingupdate forms are removed because the page refreshes.
So i need to update formstwith out page refreshing but i cant get it to work with multiple forms on same page.
I have a javascript animation built with animate(). Whenever the page is reloaded, it is playing correctly, the problem is when the user navigates away from that page and the presses the Back button to go back to the previous page with the animation. The animation does not play again, it just shows the last state (probably because it's cached/in history?). Is there any way to restart the animation after the user presses the Back button?
Ive looked and looked and can't find a solution to this problem... I want to have it so that when the users closes the window (by clicking the little [x] box at the top right hand corner), it prompts them asking if they really want to close the window. If they choose Yes then it does, if No, takes them back to where they just were. I know that this is possible with javascript, but is it possible to maybe coincide php w/ java in order to achieve this effect? If anyone can figure out a solution (possibly w/ code), ill be grateful..
secondly, is it possible to do the same w/ the user pressing the refresh button? By this i mean, if a user chooses to click the Refresh button in the toolbar of the browser, it alerts them saying somehting.
*The reason i don't ask this in the Javascript forum is because i need to work w/ php in order to do this.
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:
My programme is to let people play roulette wheel, record their choice of bet, amount of bet, result of bet, number of bets, bet limit. I would like these data being posted to myqsl each time the person bet, without the disruption of page refreshing. I have code as below, but it does not work. There is no error msg, just no data could be inserted.
how to stop the browsers back button from working after a user has logged out. I tried the windows.history.forward(1); function but it either is not working for me, or I am not putting it int the right place.The logout button is on the menu.php page. The button calls the logout.php file which redirects the user to the index.php page after logout.
I have a page that has links to other pages. I want to be able to detect when the user has clicked on Back (or typed Backspace) to move back to my page. Is this possible?
I have a page where a user can progressively download more thumbnail images. New thumbnails are loaded using '$.get' followed by an 'append' to the main thumbnail container. If a user clicks on a thumbnail then they link to another page to see the full size image. If the user then presses the back button, the page of thumbnails has returned to its initial state. I was hoping that all the additionally downloaded thumbnails would remain in memory! Is there a way around this? Keeping track of any additional thumbnails that have been downloaded when navigating the to the full size image page and then re-loading them when the user returns to the thumbnails page is not really an option as I don't want the user having to wait for this. This is what facebook appears to do after one has loaded lots of additional items on their news feed - if one links to another page and hits the back button, my suspicion is that all the items are re-loaded - they're not just re-displayed from memory.
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?
I know this might sound weird, but I have a form where I ask the user to enter their email address in one text box and then again in a confirm email text box to make sure that they have entered it correctly.
My problem is that many users appear to type their email address in the first box and then copy and paste it into the 2nd box.
If they typed it incorrectly the first time then all they have done is confirmed that it is wrong.
Is there anyway that I can stop them pasting into the confirm email text box so that they have to type it twice?
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.
after hitting 'back' button I'm taken to spot on page where I was, but I'm being asked to do the opposite -- take user to the top of the page, after hitting 'back' button... when I look up this issue, most people complain of the opposite - that the browser takes them to to top of the page after hitting 'back' button...;-) [URL] is there a way with JavaScript to force page to go to the top of the page when you navigate to a back via 'back' button?
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'm writing php based website that queries a database and writes the html with the results. On the home page, I am querying one database and receiving data to connect to other databases (i.e., database hostname, username, and password). Depending on the link selected, the homepage creates a dynamic form and sends the data via method=post. The next dynamic webpage receives the data via $_POST and connects to a different database for the rest of the website content.
I can successfully select a link on the home page and load the data for the second page the first time, but I have a problem when I hit back on the browser. The browser takes me back to the home page but if I select another link for another database, it does not "post" the new database info and the second page looks the same as the first time it loaded.
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]...
