Cara Membuat Tab Drop OnClick

Table Drop Menu OnClick is a box contained by several anchors. Because some of them are hidden inside the box so we can minimize of the page.



Table drop menu onclick we can insert to our web by several way. Some of them we have to insert between line of CSS, but not really that complicated to blogspot.



All we have to do is type or copy and paste the codes to sidebar of the page. Go to blogger, click edit layout, add widged and choose javascript. Now this is the code:

<form name="maurice">

<p align="center">

<select name="avrh">

<option value="http://www.yahoo.com">1. Yahoo</option>

<option value="http://mail.google.com">2. Google Mail</option>

<option value="http://www.blogspot.com">3. Blogspot.com</option>

</select>

<input type="button"
onClick="location=document.maurice.avrh.options[document.maurice.avrh.selectIndex].value;" value="Go"/>

</p>

</form>

Now you may try this result.

1. My Yahoo
2. Google Mail
3. Blogspot.com

If we want two or more table drop in one page, we must change form name="maurice" to another name. And also change select name="menu to another word.



Thats it, enjoy the codes.