PDA

View Full Version : HTML - jump to bookmark from dropdown list



raubercata
14 Jan 2011, 05:25 AM
Hello. I want to make something like a calendar using a dropdown list. when the month and the day is selected, at the sumbit button press, i want to jump to a specific bookmark within the page.
these are the codes i've tried:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: Georgia}
-->
</style>
</head>

<body>

<p><form id='sampleform' method='post' action='#month' >
<span class="style1">Select month and day</span>
<select name="month" size="1" class="style1" id="month" onchange="">
<option value="01">Ianuarie</option>
<option value="02">Februarie</option>
<option value="03">Martie</option>
<option value="04">Aprilie</option>
<option value="05">Mai</option>
<option value="06">Iunie</option>
<option value="07">Iulie</option>
<option value="08">August</option>
<option value="09">Septembrie</option>
<option value="10">Octombrie</option>
<option value="11">Noiembrie</option>
<option value="12">Decembrie</option>
</select>

<!-- Day dropdown -->
<select name="day" size="1" class="style1" id="day" onchange="">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<input name="Submit" type="submit" class="style1" id="display" value="display">
</form>
</p>

<p>Luni</p>
<a name="01"></a>
<p align="center">01 ianuarie</p>
<p align="center">adsfadsa</p>
<p align="justify">asdasda</p>
<p align="justify">asdfasdfaas</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">&nbsp;</p>
<p align="justify">Marti</p>
<a name="02"></a>
<p align="center">02 ianuarie</p>
<p align="center">asdasd</p>
<p align="justify">qwerpqwerpqw</p>
<p align="justify">qwerqwoeprqpweoirqp </p>
</body>
</html>



and



<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT>
function show(aval) {
if (aval >= 1) {
MMDiv.style.visibility='visible';
mainform.MakeModel.focus();
} else
MMDiv.style.visibility='hidden';
}
</SCRIPT>
</HEAD>
<BODY>
<Form name="mainform">
<table width="700" align=center cellpadding=0 cellspacing=1 bgcolor=A4C0DD border=1><tr><td colspan="10">
<table border="0" align="center"><tr>
<td height=10 width="50"><B>Calendar</td>
<td>Luna
<select class=d type=text name=qty1 size=1 onchange="javascript:show(this.options[this.selectedIndex].value)">
<option value="01">Ianuarie</option>
<option value="02">Februarie</option>
<option value="03">Martie</option>
<option value="04">Aprilie</option>
<option value="05">Mai</option>
<option value="06">Iunie</option>
<option value="07">Iulie</option>
<option value="08">August</option>
<option value="09">Septembrie</option>
<option value="10">Octombrie</option>
<option value="11">Noiembrie</option>
<option value="12">Decembrie</option>
</td>
<td>
<select class=d type=text name=qty1 size=1 onchange="javascript:show(this.options[this.selectedIndex].value)">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</td>
<td>
<input type="submit" name="Submit" value="Afiseaza">
</td>
</tr></table>
</td></tr></table>
</form>
<p>
Bookmark1
</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>Bookmark2</p>
</BODY>
</HTML>


any suggestion? thank you