:: Combobox and Listbox navigation :: Bangladeshi Softwares

Bangladeshi Softwares

- - - - -

Combobox and Listbox navigation

Step-1:
To get a combobox for navigation, type the code below:


<head>
<script language="javascript" type="text/javascript">
<!--

/*
 * Author: Ahsanul Haque Shovon
 * Email: ahsanul.haque.shovon@gmail.com / ahsanul_haque_shovon@yahoo.com
 * Web: http://shovon.110mb.com
 */

function combo()
{
  var idx = document.form1.combo_nav.options.selectedIndex;
  document.location.href = document.form1.combo_nav.options[idx].value;
}

//-->
</script>

</head>
<body>

<form name="form1">
<select name="combo_nav">
 <option value="http://www.bengalinux.org/" selected>Bangla Linux
 <option value="http://www.bangladeshinfo.com/">Bangladesh Info
 <option value="http://www.webbangladesh.com/">Web Bangladesh
</select>

<br />
<input type="button" name="combo_btn" value="Visit this site!"
onclick="combo();">
</form>

</body>

And to get a listbox for navigation, type the code below:


<head>
<script language="javascript" type="text/javascript">
<!--

/*
 * Author: Ahsanul Haque Shovon
 * Email: ahsanul.haque.shovon@gmail.com
 * Web: http://shovon.110mb.com
 */

function list()
{
  var idx = document.form2.list_nav.options.selectedIndex;
  document.location.href = document.form2.list_nav.options[idx].value;
}

//-->
</script>

</head>
<body>

<form name="form2">
<select name="list_nav" size="3">
 <option value="http://fedora.redhat.com/">Fedora Project
 <option value="http://www.freebsd.org/">The FreeBSD Project
 <option value="http://www.gnu.org/" selected>The GNU Project
</select>

<br />
<input type="button" name="list_btn" value="Visit this site!"
onclick="list();">
</form>

</body>

Step-2:

Other Helpful Resources:
http://javascript.internet.com
http://www.planetsourcecode.com