Demo of wsurveyDropDownMenu.js
Click on a choice (its value will be written to the blue box below)
You selected:
Single-level dropdown test A
item 1a
Item2a
Item3a
Multi-level dropdown test
You can style attribute on the UL, LI, an A elements -- but they don't always apply (in particular, the hover rule is always used)
Each LI should only include the A element (other text can be included, but display won't look great)
L1
L2
L2A
L2Ai
L2Aii
L2Aiii
L2Aiv
L2B
L2bi
L2C
L2D
L3
L3A
L3Ai Sub-Level Item
L3Ai.1 Sub-Level Item
L3Ai.2 Sub-Level Item
L3Ai.3 Sub-Level Item
L3Aii Sub-Level Item
L3Aii.1 DSub-Level Item
Some more
Some less
L3Aii.2 DSub-Level Item
L3Aii.3 DSub-Level Item
L3Aiii Sub-Level Item
L3B
L3C
L3D
L3Di Sub-Level Item
L3Dii Sub-Level Item
L3Diii Sub-Level Item
L4
L5
2nd example of multi-level dropdown menus--
as a vertical list, with no background around the main menu choices.
a1
a2
Since there is no anchor element, this won't be highlighted on a mouseover
a3
a4
a41
a42
a43
Single-level dropdown test B
Note: this seems not to play well with multiple level menu (to test, disable or enable the ws_dropDownMenu_multiple function call in the init1 javascript function)
This is some stuff
once
twice
item 1
Item2
Item3
End ....