I'm trying to make two drop down lists. The first will be a list of regions, such as USA and Canada. The second will contain cities within those regions, such as Washington or Ottawa. The second's content will be conditional upon the user's selection of the region. I have this so far: Code:
You select an option in the first menu, it then display options related to #1 in #2, then it displays related options to #2 in #3, then display options related to #3 in #4.
What I need to do now, is when you select an option for #4, it displays results related into a textbox.
If you need the code I currently have I can send that. If someone is awesome in jscript and could write the whole code up, thats fine.
I really just need help to push me in the write direction. Currently is uses arrays.
I've been working on a redesign of our site at ExperiencePlus for some time now, and long ago chose CBE menu 9 over the other menu technologies out there because of its browser independance. Problem is, as you can see, we have a pretty large site; load-times for the menus and associated scripts are approaching prohibitive. So I'm trying to speed things up.
You can see the results of some simplification here - still about the same speed by my guesstimates.
So, my question is twofold, I guess. First, Mike, do you have any ideas about how long it will take X menu 4 to reach maturity? No pressure ;^) If it were ready now, I'd just drop CBE in favor of X.
Second question: How much performance improvement can I expect from removing unnecessary code (sliding, for example) from the CBE core files? I haven't played with that stuff at all, except to read it now & then when looking for solutions to problems. Does anyone have a similarly large implementation of CBE menu9 that runs faster, so that perhaps they could share their experience?
One final thing: I'm planning to eventually shove all this into a PHP document that will auto-generate chunks of the menu from database queries, especially around the tour & country listings and our "Resource Room." (X menu 4 looks like it would be vastly superior for that purpose, since it's so lean.) I'm interested in hearing from anybody who's tried to do something like this, whether they succeeded or not.
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:
<SCRIPT LANGUAGE="JavaScript"'> <!-- function validateForm(){[code]....
the first problem is that my menu must be named "id[2]2" 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.
how to populate a dropdown based on Another dropdown selection. This all should be a dynamic. Eg: I have two text boxes one is TechID and other is JOB ID. When I start typing Tech ID it suggests me the list of IDs which start with the input string i have put in Tech textbox. When i select the Tech ID the jobs associated to that Tech ID should be displayed in JOB ID text box as a dropdown list.
I am having a problem with the last results. I can't seem to be able to get the input2A and input3A to appear. I don't seem to have a problem with the show and hide after a number is entered and submitted. If anyone can answer my problem I will be greatly appreciated with a prize. I actually have submitted it more than once and I haven't had anyone been able to answer it yet. Code:
i was trying for some days now to find a solution for this. had a look at different posts and forums online, but no luck so far...is it possible to auto-create this with a loop???:
I'm trying my hand at developing a new website for my professional career, and am trying to implement a simple Rollover > Pop-out Menu system, and am finding the javascript confusing to do. I am using Photoshop and Dreamweaver/Fireworks, and have all of my normal and over button graphics finished, and created one simple pop-out in Fireworks.
My problem is getting both the swap image in javascript onMouseOver event, and the menu event to run at the same time. How is this usually done? Can you add two functions to one java event?
I have a little problem with drop down menus. I have a PHP page in which I extract some categories (from a database). I put those categories in a drop down menu without problems. I would like that when a category is chosen, the entire page should be reloaded without the pression of any "submit" button, and should appear a new drop down menu. The main problem is the reloading of the page as it appears not to work if, after OPTION VALUE, I put the name of the same page in which there is the forum (entrate_in.php). Infact it say "page not found" while it works perfectly if I put the name of a different php page... how to resolve this problem? Code:
I am trying to use an SSinclude to insert my menu information (not the .js file) in the head section. Again, this is so I don't have to update every page.
However I get an error at the body tag, where I need to do OnLoad="init()"
If I copy and paste the contents of the include into the html it works fine. Theoretically, this is all that the SSI is doing and so it should work.
I have the following code. When the user clicks on one of the links (Bookies Quick Search, Bingo Quick Search or Casino Quick Search), the submenus will appear underneath. This code works fine, however the only problem im having with this is that i cannot seem to get rid of the break inbetween each one. Code:
If you look on this page, on the right hand side if you click on 'Share with Friends!' or 'Report this App', you'll notice the sliding effect I'm after. Now I'm no guru when it comes to JavaScript so trying to look through the source just baffles me.
Does anyone know of a tutorial or script I can take a look at to try and figure it out? A pretty barebone version would be nice.
I've been beating my head against a wall for a few days trying to get this working. I'm trying to create a dynamic menu where a user selects one item and another select list is shown, then another and another (and so on). Here is my JS, it *should* be taking the ID of the div, comparing it to the selected value and then showing another div by settings it's class property to visible:
What I need to be able to do is have the user presented with a single dropdown menu within a form using HTML <SELECT> and <OPTION>. Once they choose a particular option I then want another dropdown to appear alongside it with a list of options that are dependent on what was selected in the first dropdown. Then I want the same thing to happen a third time, i.e when the user selects an option from the second dropdown a third one appears on the screen to the right of it and then whatever the user chooses from this final dropdown is used in the form submission.
Because I am a complete beginner it would be really useful to have an actual code example that I could then modify with my own options.
I'm having a hard time with the use of my DHTML menu and video on my site. The video is served using Windows Media Player. Short of hiding it, I can't seem to get my DHTML menu to appear above the video. Unfortunately, I have noticed that hiding the video caused the browser to flash several times. Does anyone know of anything I can implement that would minimize the client side impact and also allow my menu to appear on top of the video?
My navbar is in a frame down the left hand side of the window.
The frame is 150px wide and the navbar buttons are 100px wide.
Hovering over the buttons displays popup menus to the right of the navbar and, being 100px wide menus, are cut off by the right hand edge of the navbar frame.
Is it possible to make the popup menus display on top of the neighbouring frame? If not, is there another solution?
I have a page with 2 drop-down menus. The task is, when you select 1 menu, your selection then changes the options available in the other. This data happens to be drawn from a mysql database, so I wouldn't think that it could be done purely in Javascript, but rather a combination of PHP generating some JS code. Thing is, I don't even see how to change a menu's available options with JavaScript, only names and values of individual fields.
I installed the Superfish Module and all appears to be workingproperly, My question is The Original Horizontal Nav is still showingup? How do I Disable?Also, The links with drop down's are gray and the links with nodropdown are red?
I found on the [url].... tutorials their js code for submenus here: http:[url]..... I've changed some things in the css but I'm afraid to change the js code.I would like my link to hide the submenu on the onmouseout.What is the code to do this and where would it go in my js page? Here is the js code that I've taken from the tutorial if that helps:
var mastertabvar=new Object() mastertabvar.baseopacity=0 mastertabvar.browserdetect=""[code].....
I have a bunch of menu buttons that rollover properly and javascript preloading that I THOUGHT used to work but isn't now. It's flickering and reloading the images each time the mouse is moved over top and off, even on the same button. I thought they worked perfectly in the past, but with no changes they're not working today. Code:
I need to create two drop-down boxes and a GO button for navigation. In one drop-down box the user will choose a city and the other drop-down box will require the user to choose a location. When the user hits the GO button they will go to a Web page based on their choices. Here is the code I am using:
So if the user selects "LA" in the first drop-down menu and then "Airport" in the second drop-down menu and then hits GO, they will be taken to a page that has airport information for LA. Can this be done with JS? If so, how? Remember I'm a newbie at JS and still learning (we all have to start somewhere I guess).
I want to make around 3 drop down menus ... where the content in each drop down list is based on the users previous selection from the previous drop down menu ..
for example, suppose we have the following information Honda : <model names> from 1990-2005 Toyota: <models name> from 2000-2005 ford : <model names> from 2000-2003 etc....
the first drop down menu is of course "Make" and the next is "year" then "Model"
how can i make it so that if the user selects Honda then only information about honda appears in the next two menus .. and when they select year ... then only Honda models from that year will appear in the final menu, "model".