Contract And Expand Menus Based On The Previous State
Jun 12, 2007
I don't know what it is I am doing wrong, I am trying to get the menus to
either expand or contract based on their previous states, i.e if already
expanded if clicked again contract, and if contracted, expand, so far it
doesn't work for the about and services link(but works for the expand all
and contract all links), Code:
Trying to expand / contract the contents of a div using show more / less. When I select 'more' the list expands and the action link is now set to 'less.'. When I select 'less', again, the list contracts as expected , but the action link is not resetting to 'more.' I can't seem to figure out where I'm going wrong....
However, when I send people to any of the inner topics, all they see is the initial collapsed state of the site. I want to be able to provide a URL that will set the toggle to open, and show all of the content for that section on entry.
Here is my code and js, can anyone point me in the right direction?
I am trying to develop a div with a drop down menu in it. As the enduser selects the third or final option, the div expands to show more choices/text/etc related to the option selected from the drop down menu..
I have 6 horizontal navigation image links on top of my site. The regular images are black n white, but on the hover they transform to a colored image. Each image leads to a different page on my site, I'm wondering if I can make the image corresponding to that page light up whenever on that page.
Here is what I'm envisioning: The user selects a state, then in the 'Cities' box, he starts typing the name of his city. However, it autocompletes the name for him based on the state he chose. So if he chose California and started typing in "Los Angeles", it would autocomplete "Los Angeles" for him. Does that make sense? Is there a script out there that can do this?
I was wondering if it's possible to make it so that once a user selects a certain option in a list, it makes the next input for that form change to either a textfield or a list without losing the values entered in the inputs above.I know PHP is a server-side script, does that make this not possible?
i am building a website form which I would like the user to select a product of interest. Some products are three tiered and some are two tiered.
1. Example of three tier (3 dropdowns required only):Scooters (dropdown 1)Three Wheel Scooters (dropdown 2) Delux 503S Bird Scooter (dropdown 3)
2. Example of two tier (2 dropdowns required only):Standing Bikes (dropdown 1)Children 300 Series (dropdown 2)
If the user wants to submit their interest for one of the products, I need to have at most 3 dropdown menus. So in Example 1, I would have 3 dropdowns in my form. Dropdown 1: Scooters Dropdown 2: Three Wheel Scooters Dropdown 3: Delux 503S Bird Scooter.In Example 2, I would only need to use the first 2 dropdown menus. (Obviously the first dropdown would contain 'Scooters' and 'Standing Bikes' in the menu list)I would like to alter the code so that the second and third dropdowns are hidden until a selection from the first drop down is made. Once for example, 'Standing Bikes' is selected from the first dropdown menu, the second dropdown menu appears and the third remains hidden due to the fact that it is not required. If I selected Scooters from the first dropdown menu, the second dropdown would appear listing all items associated with this and at this point the third dropdown menu is hidden. If i select 'Three Wheel Scooter' from the second dropdown the third dropdown menu now appears listing all Three wheel Scooters such as 'Delux 503S Bird Scooter'.
I have spent the last 6 hours working on this, and I am about to lose my sanity. I need your help very desparately. I want to create some radio buttons for building a computer for a class project. Basically, what I have now is the radio buttons in separate groups, and a function that calculates the total price of the items selected. But what I am finding impossible to get is this: I need to set it up such as that if you select a radio button in one group, it disables part of the second. What this means in my work, is that say I choose AM3 as the CPU socket, only AM3 motherboards and processors will be enabled, and the rest in these categories will be disabled.
I am trying to set it up in a way that when you first open the page, cpu, motherboard and ram groups all disabled, then based on your socket choice you get different options for motherboards and processors, and then based on your motherboard choice you get different choices for RAM.
What you can see is that I have a bunch of images which form a chart, each of the images has multiple classes.I want to write a function which when called fades in/out images dependant on whether all related checkboxes are checked or not.Checkboxes are related to the images by id on the checkbox and class on the image, as I'm sure you can see. I will be calling this method each time a checkbox is checked.
I'm trying to get the two followup questions underneath the checkbox to show up only if someone places a check there, but for some reason the way I've got it set up now it's simply hiding the area I want to show up altogether, and the checkbox has no effect on it.
Rather than waste tons of space pasting it here, here's the pastebin: [url]
Alternatively here is the live version:[url]
I'd prefer to have the form collapse when the additional questions are hidden, though if i can get this working at all.
you're going to have to bear with me on this one, I'm not sure if this should be in Jscript or PHP at the moment, I can't get my head around it.
Basically, I have a page, which has 3 standard href links on it. All three links open a PHP powered form on a different page. This form contains a series of checkboxes in an array. Now what I need to achieve is to have certain checkboxes, checked based on the href used on the previous page.
I've created a registration form with sponsorship options hooked to checkboxes. My original form used ASP to keep values in hidden fields to use for totaling everything at checkout time.
Now I'd like to use PHP and Ajax to place the value into the text field related for each option checked.
I'm able to do that making an Ajax call. My problem that I need help with is this: If the visitor decides to uncheck a sponsorship option, the value placed in the associated field remains on the form. How do I replace that value with a null or empty string if they decide to uncheck their original choice?
On my index.htm, I have a horizontal cell named "memberarea" which originally shows username & password input fields. After the user logs in, this area changes itself to a "Welcome Name, Lastname" field. I want that this cell displays again the username and password input fields in case of the session of the user has expired. I have tried it with the following code (within the Iframe in index.htm):
I'm just starting up in web design and I have an interesting challenge that I'm hoping can be solved w/java script. I have a site with an application form. When the form is to be submitted, the form data needs to be emailed to the correct person to handle that particular application. However, that can't be determined by anything specific in the form. It can only be determined by the link that they clicked on to get to the form. I really don't want to have 22 identical forms with just a different EmailTo addie, which is what the previous site developer did. Someone please tell me this can be done w/java script? If not w/java script
I have 3 ASP list boxes. I would like to populate the second list box based on the selection in the first list box and based on the selection in the second list box, populate the third. I would like to do this using AJAX. How can I do it? Can someone please give me the code snippet as I am a complete noob when it comes to AJAX and I kinda am running outta time to finish implementing it. Additionally, should I use ASP boxes or HTML <select> tag?
The general framework is a simple user login function. The user name is selected and a password entered as usual. The function grabs the element values and passes them to a php page that queries the database. An AJAX call returns the password to the function and then I want the innerHTML to be a choice of two web pages, depending on success or failure of validation. There are existing AJAX functions available on the internet but they are overly complicated for what I think should be a simple, quick to load function.
Where I am stuck is that the standard procedure to make an AJAX call is the browser window event. How do you make the call from within the function? I have tried creating two new variables, "success" and "again" to replace xmlhttp, but still stumble on the event to assign a value. I left the blank password protection (if statement) with that variable to demonstrate what I mean.
I've put in my code below, which is in development and successfully alters the innerHTML text depending on user input but I can't figure out how to insert the relevant php page. I have '// out' the testing bits, but left them for info. (I have tried full 'scripting' as the innerHTML, but it's messy.)
I am trying to make a form where the user is only able to select an option from one of the drop down menus and if they click both then submit an error should pop up telling them to select just one. Now I have found this code:
the first problem is that my menu must be named "id2" which causes a problem due to the bracketed 2 and the 2 after. Is there any way around that?the second problem I forsee is that this will only work with 1 drop down box being unselected. I need a code that will give the warning if nothing is selected OR if something is selected in both drop downs.