has a drop down list that dynamically generates navigation as shown in the code below.
<form style="margin-left:3%; margin-bottom:1%" action="" method="post">
<SELECT ONCHANGE="if (window.frames && window.frames.iframes) {
window.frames.iframes.location.href =
this.options
http://this.selectedIndex.value;
}">
<OPTION VALUE="Swimming.html">Swimming
<OPTION VALUE="TaxServices.html">Tax Services
<OPTION VALUE="TravelLeisure.html">Travel & Leisure
<OPTION VALUE="ymca.html">Waste Management
<OPTION VALUE="WaterManagement.html">Water Management
<OPTION VALUE="Welding.html">Welding
</SELECT>
<iframe id="theFrame" name="iframes" src="murrieta.html" align="top" style="margin-top:7%;height:95%; width:100%;"></iframe>
</form>
Step 3: To explain step 2 better, For e.g. if option "Swimming" is selected from the option group on left
, it will launch its child links in
in the iframe nam as "iframes"
Step 4: The option "Swimming" has an html file associated with it called "Swimming.html" This file has three links as mentioned below
Step 5: To explain step 4 better, if "Swimming" option is selected, it will launch four links in iframe region
Step 6: NOW IT GETS REAL TRICKEY
Step 7: My Requirement is : say if user clicks "about us" link for "Swimming" option in left
tag, it should lauch "www.google.com" in
the iframe of right
. Say, if use selects "services" link for "Swimming" option in left
tag, it should launch "murrietainfo2.html"
in the iframe of right
Step 8: i need to do this for all of options, as all of options in option list has child links that will be dropped in the left div iframe
PLEASE PLEASE HELP
Thanks,
Ruchir
