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..
View 5 RepliesI 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.
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:
I need to include an interactive drop-down, global menu and a flyout menu. What do each of these look like? i thought they would look the same?
View 1 Replies View Relatedi'm having with a superfish menu i have tried to add to my wordpress site.The menu seems to work fine for the base-level (top parent pages) menu items.But the drop down menus seem to flash on screen for just a second and then disappear when the mouse hovers over the menu items.To see an example, please check out the top menu on this temporary development page: http:[url].....I have tried adjusting the z-index in superfish.css file but it doesn't seem to be having any effect.
View 1 Replies View RelatedI have a series of divs in 2 blocks say BLOCK1 and BLOCK2 and I want to use one click to expand/collapse all those in each block. But the code I came up with exapands all the divs in the entire page.
How do I restrict it to each block and also how do I cllapse those in each block
and change the text to Collapse All. I am stumped here. Any help really really appreciated. Here is my code:
I am developing a menu using javascript wherein, I expand and collapse divs. It works fine individually; but the problem arises when I try to hide all other divs on expanding one div. Following is the code. any change if you spot any error or even
<head>
<script>
function hideDivs(){
var arr = document.getElementsByTagName('div')
[Code]....
What I need to happen is say the user clicks on 'About' then clicks on 'Services' I need the 'About' menu to fold up so it shows not of its sub menus. Hope that makes sense. I would like to tinker with this but I no nothing about javascript.
View 10 Replies View RelatedI 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.
Does anybody know what I'm doing wrong?
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.
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 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".
I am trying to create 2 different drop down menus which are chained.
First drop down menu: options 1, 2, 3, and 4
Second drop down menu: options 1, 2, 3 and 4
However for the first drop down menu, if you choose the number then that number cannot be selected again on the second drop down menu. So if i pick 4 on the first drop down. then only 1, 2, and 3 should show up on the second drop down OR if you pick 4 on the second drop down it gives you an error saying you selected that value.
Here is the complicated part that I cannot figure out.
I want each drop down menus on two different pages and not on the same page. So after you select the submit button on the first drop down it should go to another page with the second drop down.. Has anyone seen this before.
I am trying to use a dropdown menu links for my customers to click on and be directed to links within the same page.
I have figured out how to use anchors in plain text, but the drop down menu asked for a “Value� of which I have not been able to figure out what value to put in order to link that specific drop down selection to a anchor within the same page. Any ideas?
In addition to an accordion-related problem in IE (URL...), I'm having a headache regarding drop down menus.this is only in IE (version 8) - every other browser in the known galaxy responds well to the JS and the HTML setup.The idea is there's a horizontal nav bar of five 'blocks', each with a heading. Hover over the heading and the 'block' (actually an <li>) extends to accommodate a small sentence underneath with a link. Hover off, and the block shrinks back to its original form, with the link hidden.All good in FF, Opera, Safari, Chrome. In IE, though, the <li> block doesn't extend - the link is shown beneath it, but it's outside its frame and looks awful.
View 2 Replies View RelatedI am creating a form containing two drop down menus. The second drop down changes every time a user change the selection on the first drop down. So, I have this line below:
Code:
<select name="province" id="province" class="mobileform" onchange="changeCities()">
The problem is when a user (in this case me) is using an iPhone's Safari, when he hits "next" button on the first drop down, it does not change the content of the second drop down. But when he hits "previous", then "next" again, the selections get updated afterwards.
In a shorter sentence, the event listener does not work on the first hit, but it works on the second hit. What am I missing here? What steps do I need to add?
due to the version of dreamweaver i have (MX-2004) i have had to hand code a drop down menu myself however i have come across a problem.i'm not sure if the problem is in the Javascript, HTML, or CSS however here gowhen ever i hover over the menus dont drop down they cascade up and the other problem is that when ever i hover over one of the buttons a menu from another pops up and not the one that should. here is the codes so you can have a look
javascript:
<script type="text/javascript">
var timeout= 500;
[code]....
I've used the ajax function to load in data like "click the submit button, ajax executes output.php and throws in back into a div tag in theform.php."
But what if I have a multiple dropdown menus that submit the form and need to be reloaded depending on the previous dropdown menu's value? How would I set up the ajax so those are loaded without a refresh?
If you hover over the 'Shop' menu in the main navigation, all of the second sub menus appear under 'Illustration', 'Apparel', 'Lifestlye', but then jump back when you hover over each sub menu. I would just like list the 'Illustration', 'Apparel', 'Lifestlye', menus to appear when you hover over the parent 'Shop' menu but then reveal each second sub menu in turn when you hover over their respective sub menus. Can anyone help? Hope that makes sense
View 3 Replies View RelatedI have a menu that I've already set up with ALA's CSS Sprites2.I have to add a drop down menu into the mix. What would be the best way to achieve this, or rather what would I need to change in the Superfish scripts to get this to work?
View 2 Replies View RelatedI'm looking for a good JavaScript based horizontal/drop down menu that's free and works down to IE6. The Yahoo! YUI menus would probably do the trick, but seem like a bitch to understand & customize.
Any easier & more accessible options? That are rock-solid professional grade?
The are two drop down boxes, the first one populating the second (state/county --> town)The first box is single choice, the second is multiple choice. I'm looking for a script that would be able to deal with generating the code for all possible values that could be chosen in the second drop down box.The drop down boxes are part of a form which allow people to search for educational courses within areas of a state/county.
View 3 Replies View RelatedI wish to get the values for the 3rd and 4th cell of each row where these contain drop down menus. I've tried various ways but my code doesn't seem to iterate through rows of a table. I can get the values for the first row, but not the rest. There's isn't a fixed row size for the table as the user will be able to add and delete them.
I've put the values in separate arrays but instead of the array containing say [10, 20] it contains [10, 10] as it just duplicates the first row's values.
Here's my code that I have so far:
function calculate(){
var len = document.getElementById(arguments[1]).rows.length;
var cMenus = [];
var gMenus= [];
[Code]...
I've tried adding j to the arguments or putting it in "[]" but nothing seems to work. I don't think the platform I'm using supports jquery,
Is there a way to implement either a vertical drop down menu or a horizontal drop down menu on a "hot spot" on an image map where as when the mouse rolls over the "hot spot" the "hot spot" would change and the menu would drop and then would you be able to mouse over the elements in the drop down and go about your business?
View 9 Replies View RelatedI have a website script written in php, now the menu it has is in php and uses a tpl file. This is very crude compared to what i need, now i post here in DHTML because the DHTML drop down menus are more what i need.
Here's the problem. I want to install this for the top navigation bar. It should appear on the whole site. But how do you get a DHTML menu into php script. The current menu is php script, and it is linked in each of the php pages at the bottom. And it needs to have the ability to recognize whether the user is logged in.