PDA

View Full Version : 'Chained Menu Select' not showing list items



Adam1v
07-10-2007, 02:05 PM
First off, Hello to everyone, this is my first post, but ive found the website very useful.

1: Title: Chained Menu Select

2: URL: http://www.dynamicdrive.com/dynamicindex1/chainedmenu/chainedmenu.html

3, Im currently trying to use the Chained Menu Select script (i have tried a couple of variants), but when i copy and paste the code between <form> and </form>, and also the <script> and </script> infomation relating to the .js files, nothing shows up in the actual drop down menus.
I dont yet have an example page for anyone to look at (i will tonight).

Ive made sure the <form> data is in the body and the <script> data is in the head, as well as the onload script:

I do have another drop down box which simply links to other pages. But i cannot see why the first drop down menu will be blank. I have made sure ive copied the .js files into the approperiate directory and that the code looks exactly at the right dir.

Does anyone have any advice?


Adam

Adam1v
07-10-2007, 03:16 PM
i think ive found my problem, when ever the select script is within my <div id=content> it shows no data.

The page code is


<div id=content>
<H3 class=style7>Instrumentation </H3>

Please select the instrument from the drop down box below:

<FORM id=form2>
<SELECT name=Instrumentation> <OPTION
value=instrumentation.html selected>Please Select</OPTION> <OPTION
value=dolphin.html>Dolphin Plus</OPTION> <OPTION value=aimers.html>Easy
Aimers</OPTION> <OPTION value=echomax.html>Echomax Transducers</OPTION>
<OPTION value=echomaxxlt.html>Echomax XLT</OPTION> <OPTION
value=echomaxxps.html>Echomax XPS/XCT</OPTION> <OPTION
value=echomaxxrs.html>Echomax XRS-5</OPTION> <OPTION
value=envirorangertool.html>ECT Enviroranger Tool</OPTION> <OPTION
value=enviroranger.html>Enviroranger</OPTION> <OPTION value=flow.html>Flow
Reporter</OPTION> <OPTION value=fms.html>FMS Mounting Brackets</OPTION>
<OPTION value=hydro200.html>HydroRanger 200</OPTION> <OPTION
value=hydroplus.html>HydroRanger Plus</OPTION> <OPTION
value=infocal.html>INFOCAL 5</OPTION> <OPTION
value=milltronicsmfa.html>Milltronics MFA 4P</OPTION> <OPTION
value=milltronics600.html>Milltronics Millpost 600</OPTION> <OPTION
value=milltronicszss.html>Milltronics ZSS</OPTION> <OPTION
value=multiranger.html>MultiRanger 100/200</OPTION> <OPTION value=ocm.html>OCM
III</OPTION> <OPTION value=pointek.html>Pointek</OPTION> <OPTION
value=pointek100.html>Pointek CLS 100</OPTION> <OPTION
value=pointek200.html>Pointek CLS 200</OPTION> <OPTION
value=pointek300.html>Pointek CLS 300</OPTION> <OPTION
value=pointek500.html>Pointek CLS 500</OPTION> <OPTION
value=pointekuls.html>Pointek ULS 200</OPTION> <OPTION
value=probelr.html>Probe LR</OPTION> <OPTION value=probelu.html>Probe
LU</OPTION> <OPTION value=simatic.html>Simatic PDM</OPTION> <OPTION
value=sipartdr.html>Sipart DR</OPTION> <OPTION value=sipartps.html>Sipart
PS</OPTION> <OPTION value=sirecd.html>Sirec D Software</OPTION> <OPTION
value=sirecdh.html>Sirec DH</OPTION> <OPTION value=sirecdm.html>Sirec
DM</OPTION> <OPTION value=sirecds.html>Sirec DS</OPTION> <OPTION
value=sirec.html>Sirec</OPTION> <OPTION value=sitrans100.html>Sitrans AS
100</OPTION> <OPTION value=sitrans02.html>Sitrans CU 02</OPTION> <OPTION
value=sitrans400.html>Sitrans DA400</OPTION> <OPTION
value=sitransfc.html>Sitrans F C</OPTION> <OPTION value=sitrans15.html>Sitrans
F C Massflo DI1.5</OPTION> <OPTION value=sitrans300.html>Sitrans
FC300</OPTION> <OPTION value=sitrans3.html>Sitrans F C Massflow
DI3-40</OPTION> <OPTION value=siflow70.html>Siflow FC070</OPTION> <OPTION
value=sitrans6000.html>Sitrans F C Mass 6000</OPTION> <OPTION
value=sitransfi.html>Sitrans F I</OPTION> <OPTION
value=sitransintra.html>Sitrans F I Intra/Prima</OPTION> <OPTION
value=sitransgardex.html>Sitrans F I Gardex</OPTION> <OPTION
value=sitransfm.html>Sitrans F M</OPTION> <OPTION
value=sitranstransmag.html>Sitrans FM Transmag 2</OPTION> <OPTION
value=sitrans911.html>Sitrans F M 911/E</OPTION> <OPTION
value=sitrans5000.html>Sitrans F M Mag 5000</OPTION> <OPTION
value=sitransm6000.html>Sitrans F M Mag 6000</OPTION> <OPTION
value=sitrans1100.html>Sitrans F M Mag 1100</OPTION> <OPTION
value=sitrans1100f.html>Sitrans F M Mag 1100 F</OPTION> <OPTION
value=sitrans3100.html>Sitrans F M Mag 3100</OPTION> <OPTION
value=sitrans5100.html>Sitrans F M Mag 5100 W</OPTION> <OPTION
value=sitrans8000.html>Sitrans F M Mag 8000</OPTION> <OPTION
value=sitransverificator.html>Sitrans F M Verificator</OPTION> <OPTION
value=sitransfo.html>Sitrans F O</OPTION> <OPTION value=sitransfr.html>Sitrans
F R</OPTION> <OPTION value=sitransfus.html>Sitrans F US</OPTION> <OPTION
value=sitrans060.html>Sitrans F US060</OPTION> <OPTION
value=sitransus3000.html>Sitrans F US Sono 3000</OPTION> <OPTION
value=sitransus3100.html>Sitrans F US Sono 3100/FUS060</OPTION> <OPTION
value=sitransus3300.html>Sitrans F US Sono 3300/3000</OPTION> <OPTION
value=sitransus380.html>Sitrans FUS380</OPTION> <OPTION
value=sitransue380.html>Sitrans FUE380</OPTION> <OPTION
value=sitransfus3000.html>Sitrans F US Sonocal 3000</OPTION> <OPTION
value=sitrans950.html>Sitrans FUE950</OPTION> <OPTION
value=sitranssonokit.html>Sitrans FUS SONOKIT/FUS060</OPTION> <OPTION
value=sitrans880.html>Sitrans FUS880</OPTION> <OPTION
value=sitransfus1010.html>Sitrans FUS1010 DN4</OPTION> <OPTION
value=sitransfup1010.html>Sitrans FUP1010 DN4</OPTION> <OPTION
value=sitransfue1010.html>Sitrans FUE1010 DN4</OPTION> <OPTION
value=sitransfuh1010.html>Sitrans FUH1010 DN4</OPTION> <OPTION
value=sitransfug1010.html>Sitrans FUG1010 DN4</OPTION> <OPTION
value=sitransfus1020.html>Sitrans FUS1020 DN4</OPTION> <OPTION
value=sitransfva.html>Sitrans F VA</OPTION> <OPTION
value=sitranstubux.html>Sitrans F VA Tubux</OPTION> <OPTION
value=sitranstrogflux>Sitrans F VA TrogFlux</OPTION> <OPTION
value=sitrans250.html>Sitrans F VA250</OPTION> <OPTION
value=sitransi.html>Sitrans I</OPTION> <OPTION value=sitranslc.html>Sitrans
LC</OPTION> <OPTION value=sitrans200.html>Sitrans LPS 200</OPTION> <OPTION
value=sitranslr.html>Sitrans LR</OPTION> <OPTION value=sitranslu.html>Sitrans
LU</OPTION> <OPTION value=sitranslvs200.html>Sitrans LVS200</OPTION> <OPTION
value=sitransp300.html>Sitrans P 300</OPTION> <OPTION
value=sitranspcompact.html>Sitrans P Compact</OPTION> <OPTION
value=sitranspds.html>Sitrans P DS III</OPTION> <OPTION
value=sitransmk.html>Sitrans P MK II</OPTION> <OPTION
value=sitransmps.html>Sitrans P MPS</OPTION> <OPTION
value=sitranspz.html>Sitrans P Z</OPTION> <OPTION
value=sitranspzd.html>Sitrans P ZD</OPTION> <OPTION
value=sitransp.html>Sitrans P</OPTION> <OPTION value=sitransprobe.html>Sitrans
Probe</OPTION> <OPTION value=sitranst.html>Sitrans T</OPTION> <OPTION
value=sitranstrk.html>Sitrans T3K-PA</OPTION> <OPTION
value=sitransth100.html>Sitrans TH100</OPTION> <OPTION
value=sitransth200.html>Sitrans TH200</OPTION> <OPTION
value=sitransth300.html>Sitrans TH300 HART</OPTION> <OPTION
value=sitransth400.html>Sitrans TH400</OPTION> <OPTION
value=smartlinx.html>SmartLinx Modules</OPTION> <OPTION
value=sth.html>ST-H</OPTION> <OPTION value=theprobe.html>The Probe</OPTION>
<OPTION value=ts2.html>TS-2</OPTION> <OPTION value=ts3.html>TS-3</OPTION>
<OPTION value=variograph.html>Variograph</OPTION> <OPTION
value=vs100.html>VS100</OPTION></SELECT> <INPUT onClick="MM_jumpMenuGo('Instrumentation','parent',0)" type=button value=Go name=Button>
</FORM>

Its very important to select the correct product particular to the enviornment its going to be used in. Many factors may...
<H3 class=style7>&nbsp;</H3>
<form name="listmenu0">
<table align="center"><tr>
<td><select name="firstlevel" style="width:150px;"></select></td>
<td><select name="secondlevel" style="width:150px;"></select></td>
<td><select name="thirdlevel" style="width:150px;"></select></td>
<td><input type="button" value="Go" onClick="goListGroup(document.listmenu0.firstlevel, document.listmenu0.secondlevel, document.listmenu0.thirdlevel)">
<input type="button" value="Reset" onClick="resetListGroup('chainedmenu')">
</tr></table>
</form>
</div></div>


If i take out the content tag, it loads fine.




#content {
margin: 0 110px 20px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}