JavaScript To "Show" Part Of Form Resets With BACK Button.
Feb 14, 2007
This is hard to explain but here's my predicament. I have 2 drop down menus in a form for "Main Category" and "Restaurant Type". My boss wants it so when Restaurant is chosen from the first drop down, the 2nd drop down appears, which is what this code below is already doing.
The problem is if you submit the form, then decide to go back and change your Restaurant type, the drop down for Restaurant Type is missing. You can get it to come back by switching to another main category, then switching back to Restaurant. Code:
I have a page where users can filter a list of links using javascript clicks. The user then clicks a link in that list, views the page and then clicks back on the browser to view the rest of the list but the javascript options they filtered in the list are gone resulting in them having to do it all over again. Is there a solution to this?
Would it work if I store their selections in a cookie each time they click a javascript button and then when they visit a link and click back (to what is presumably now a cached page) will I be able to have javascript that will read the cookie and reset their options again or is the cookie not loaded on a cached page?
Are there any common solutions to this kind of thing?
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:
Basically, I have a page that I load with 10 input fields. If users have JS enabled I want to hide 5 of these fields so as to reduce clutter. If the user needs these extra fields an "Add" button can be used to display the hidden fields one by one.
Once the fields a filled in the user submits them for validation and if there are any error They can "Go back" to make some changes. The whole process works great in FF & Opera but IE lets me down because if you use the Browser "Back" button the Javavscript gets executed even though it should be loaded out of cache.
In one of my pages, I use javascript (AJAX) to populate one mulitple select field based on user's click event on another control. I noticed that when I navigate back to this page by clicking browser's "Back" button, the changes made to the multiple select is not preserved. (It shows the initial value). While all the other user selections are preserved.
i'm trying to make jquery UI's button and dialog plugins work with my form. i want the reset button
[Code]...
then on a Continue response the button should continue with its original purposewhich doesn't happen. i get a return: false type of behavior w/o return: false anywhere. can anyone point me in the right direction?
I own a GPT site that offers member Daily SUrveys. When a daily survey is completed, the time of completion is stored in SQL in Unix time format. I hired a guy to code a Countdown timer for me that would be placed next to every completed offer in member's panel and that would show how much time is remaining till the Daily surveys resets and becomes available to the member for completion again(Daily Surveys reset every 24 hours)
I have a pageA containing a form the user my fill in partially. All data is stored into cookies. He follows a link to pageB that contains some of pageA.form inputs. If he adds or change form data cookies are instantly updated. What I need is if the user goes back (back browser button) to pageA, the form here is updated from updated cookies. Only Firefox 3 does the job without extra code. Ive tried all sort of things I found on the web with Opera 10, Chrome and Safari 3.
I have a form with three select boxes. Box 1 has a variety of choices, but boxes 2 & 3 are empty. When the person selects an option from box 1, box 2 gets populated with choices. When the person selects an option from box 2, box 3 gets populated with choices.
This is handled with javascript through either onblur or onchange (still working on which will work best for this).
The problem occurs after pressing submitting the form and then pressing the back button. All fields maintain their data EXCEPT boxes 2 & 3.
How do I get it so that those two boxes keep the data like the rest of the form?
I create a dynamic form which appear when user click on + button. The problem is, if the user make a mistake and they want to go back using back button after the form is submitted, the dynamic for dissapear.
Is there a way to make the dynamic form stay, even after you submit, then you use back button to the original page.
I use Spry for my form validation and have recently ran into a small issue. Form fields validated using Spry lose their value when I hit the back button. Fields without validation retain their values.
The form is using the POST method. With javascript, is it necessary to send the form variables back to the original form page?
I found this slide show [URL]. I got it to work on my website [URL] using Firefox, but when it is viewed in Internet Explorer it will not work. Second question, When the slide show gets to the last image, after the last image all photos disappear and it resets itself changing the format of the webpage. Any way to not have the images disappear while it loops itself or is there a code to have it stop on the last photo and not loop.
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:
I have a problem with adding new inputs to a form (if and when required),Internet Explorer is fine but in Firefox if any previous input fields are filled when the more button is clicked they get reset to blank.JS:
fields = 0; function addInput() { if (fields != 100) {
I am developing an iPhone version of a web app for a company I work with. The iPhone version is saved to the user's Home Screen as a pseudo-app (for lack of a better term). SSB might be more accurate. Everything in the site takes place in one window. Because there are navigation arrows within the web app itself, I don't want the browser's Back and Forward buttons to ever be enabled, because it can confuse the user. Hence, page navigation within the app is always done via location.replace().
My challenge was with the Login page. With a standard HTML form, the browser (SSB) navigates to the "action=" page specified by the form. So then you have a Back button. To work around this, I have created a "fake form" which simply writes the user's password to a cookie with a 5-second lifespan and then does a location.replace() to a Perl script that grabs and evaluates the cookie, immediately deleting it, and then writes the page to the browser. This works like a charm.
Question #1: is it an abomination to store the password in a cookie, even for a few seconds?
Question #2: At present I'm not encrypting it. Is there an effective client-side JS solution for encryption? Or, if it's client-side, wouldn't anyone be able to read the script and see how it was done?
I have a search form and added the "Clear All" Button functionality...but it clears the last part of the search form display preferences....how do I only clear the checkboxes at the top of the form only and not at the bottom of the form between the <DIV> tags? I have attached a copy of the JSP page.
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
I intend to have this code below generated dynamically (being able to have from 12 to 40 rows). (created from C# code)
<tr> <td align="center"> <h2> 01</h2>
[Code].....
Can this jQuery function be created so I can add the function to "#<%= chbNuevoJugXX.ClientID %>" instead of "#<%= chbNuevoJug01.ClientID %>" and then use the XX to how hide the corresponding row?
In my browser, I make an AJAX request. The server sends me a fragment of an HTML document. That fragment has some JavaScript inside some script tags. How do I run these scripts when the fragment arrives at the browser?
Malsup's most excellent and comprehensive Form plugin has me completely stuck on just one thing.Take a look at this: http:[url]....At the bottom are a variety of submit buttons, and when you click one, it knows which one has been clicked.And I've been through the js and the source and the examples and I can't figure out how the bleep it's done!I'll tell you why I'm asking, then perhaps you can probably tell me I'm doing it wrong anyway!Let's say a blind person logs in, and want to edit their presets.I don't want the form to be too complex or clever or ajaxy, as screenreaders don't like that, so it just iterates through as many presets as they have, and populates a form with edit boxes.But there's no point "pushing back" 29 unchanged items just to edit one row.
So my idea was I'd just "fieldSerialize()" the details of the row that was currently being edited and submit that to my little php routine that updates the db. Then they can do a refresh just to hear the list again.The js looks like:
$(document).ready(function() { $('#myForm').ajaxForm(function() { var queryString = $('#myForm').formSerialize(); [code]....
All works fine like that. But if I change line 3 to: var queryString = $('#myForm :button').fieldSerialize(); it doesn't work. I've also tried:
Maybe I should just generate as many separate forms as there are presets, but then I'm going to need as many ready(function)'s as there are rows, which is going to be very messy.
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
