Basically its like this I'll have three links that say Year , quarter and month, and the person visiting the site should be able to choose three values (one from each, of course) and a graph will be displayed.
Now, for that to happen, the values for each of the links that are chosen must be temporarily stored. (from the drop down choices..) ...I'll need the drop down to have the same kind of properties that the form elements' dropdowns have..
..heres the code:
<head>
<title> tryryfj </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
<!--
//-->
function test(){
window.alert(PulldownForm.Year.options[PulldownForm.Year.selectedIndex].value +" " + PulldownForm.Quarter.options[PulldownForm.Quarter.selectedIndex].value
+" " + PulldownForm.Month.options[PulldownForm.Month.selectedIndex].value);
}//-->
</script>
<style type="text/css">
<!--
body { overflow: hidden; clip: rect( )}
-->
</style>
</head>
<body topmargin="0" leftmargin="0" bgcolor="#FFFFD6">
<layer top="0" left="0" width="99%">
<form name="PulldownForm" >
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td height="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10"> </td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#000000" align="right">
<td height="2"> </td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="images/bg_bangrey.gif">
<tr>
<td width="105"> </td>
<td width="131"> </td>
<td width="178"><map name="Map3"><area shape="rect" coords="53,8,189,29" href="#"></map></td>
<td width="10"> </td>
<td width="262" background="images/bg_bangrey.gif"><map name="Map5"><area shape="rect"
coords="31,10,80,25" href="#"></map></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<td height="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="2"><img src="images/time_one.gif" width="177" height="53"></td>
</tr>
<tr>
<td>
<!-- <img src="images/time_two.gif" width="177" height="89"></td> -->
Year
<select name=Year >
<option value="1998"> 1998</option>
<option value="1999"> 1999</option>
<option value="2000"> 2000</option>
<option value="2001"> 2001 </option>
</select>
Quarter
<select name=Quarter>
<option value="Q1"> Q1</option>
<option value="Q2"> Q2</option>
<option value="Q3"> Q3</option>
<option value="Q4"> Q4 </option>
</select>
Month
<select name=Month>
<option value=January>January</option>
<option value=February>February</option>
<option value=March>March</option>
<option value=April>April</option>
<option value=May>May</option>
<option value=June>June</option>
<option value=July>July</option>
<option value=August>August</option>
<option value=Semptember>September</option>
<option value=October>October</option>
<option value=November>November</option>
<option value=December>December </option>
</select>
<br> <br> <br>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><map name="Map6"><area shape="rect" coords="38,2,148,23" href="#"></map></td>
</tr>
<tr>
<td><map name="Map7"><area shape="rect" coords="37,3,120,21" href="#"></map></td>
</tr>
<tr>
<td><map name="Map8"><area shape="rect" coords="35,1,147,21" href="#"></map></td>
</tr>
<tr>
<td height="2"> </td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="27%"> </td> <td width="5%"><a href="#" onclick="test()"><img
src="images/submit.gif" width="80" height="47" border="0" alt="SUBMIT!!!!!!"></a></td>
<td width="68%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="99%" valign="top" bgcolor="ffffd6">
<table border="0" cellspacing="0" cellpadding="0" width="312">
<tr>
<td height="2">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%"> </td>
<td width="54%"> </td>
<td width="26%"> </td>
<td width="18%"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="2"> </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr valign="top" bgcolor="ffffd6">
<td>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</layer></body>
..oops i almost forgot... you gotto click on the submit button....
i was asked to make the drop down as attractive as possible which is why were even searching for this javascript option, or else i know it would have been thousand times easier to do it with our plain form drop downs....sigh
i need it to look like this:
Main Link1
Main link2
Main Link3
and when you click on it it should become like
Main Link1
Sub1
Sub2
Sub3
(the main link 2 and three can be hidden whe the first one is clicked on...) I need all the three links
to have the drop downs....
and help is gratefully appreciated
