Breaking News

Wednesday, December 7, 2011

Menu dropdown

Menu dropdown model biasa

<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option selected="selected" value="0">judul dropdown</option>
<option value="http://alamat-link1.com">dropdown link1</option>
<option value="http://alamat-link2.com">dropdown link2</option>
<option value="http://alamat-link3.com">dropdown link3</option>
<option value="http://alamat-link4.com">dropdown link4</option> </select>

Hasil dari kode menu dropdown biasa



Menu dropdown model tombol 


<form name="jump">
<select name="menu">
<option selected="selected" value="0">Judul dropdown </option>
<option value="http://alamat-link1.com">dropdown link1</option>
<option value="http://alamat-link2.com">dropdown link2</option>
<option value="http://alamat-link3.com">dropdown link3</option>
<option value="http://alamat-link4.com">dropdown link4</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>

Hasil dari kode di atas

Read more ...

Membuat Widget melayang pada Blog

Design >> add a gadget >> HTML/Javascript
Copas Script berikut
<style type="text/css"> 
 #gb{ position:fixed; top:10px; z-index:+1000; }
#gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } </style>
<script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div>
<center>your code here</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
Simpan
Read more ...
Designed By Blogger Templates