16 April 2010
DropDown Link Dibuka Dalam Bentuk Popup
hak milik
Sue
Assamualaikum , Msue nak kongsi lagi ngan korang sume bagaimana nak buat dropdown link dibuka dalam bentuk popup . Tutorial ni dibuat diatas pertanyaan Hazzy Ishak.
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - Javascript / HTML
3. Copy kod di bawah
<form action="../">
<select name="myDestination"
onchange="this.form.NAMA UNIK.value++;
ob=this.form.myDestination;
window.open(ob.options[ob.selectedIndex].value
,'Window_Name'+this.form.NAMA UNIK.value,
'toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,width=400,height=300')">
<option>SILA PILIH LINK</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.msueroomz.blogspot.com/">MSUEROOMZ</option>
<option value="http://www.facebook.com/">FACEBOOK</option>
<option value="http://www.twitter.com/">TWITTER</option>
</select>
<input name="NAMA UNIK" type="HIDDEN" value="1">
</form>
Note : Pada highlight NAMA UNIK korang tukarkan dengan nama pape , pastikan ketiga - tiga nama unik pada dropdown adalah sama dan tidak sama dengan dropdown yang seterusnya ,jika korang hendak buat lebig dari satu dropdown .
Pada highlight biru korang tukarkan yang bersesuaian mengikut kehendak korang
4. Pastekan kedalamnya
5. Save dan Preview .
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - Javascript / HTML
3. Copy kod di bawah
<form action="../">
<select name="myDestination"
onchange="this.form.NAMA UNIK.value++;
ob=this.form.myDestination;
window.open(ob.options[ob.selectedIndex].value
,'Window_Name'+this.form.NAMA UNIK.value,
'toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,width=400,height=300')">
<option>SILA PILIH LINK</option>
<option value="http://www.yahoo.com/">YAHOO</option>
<option value="http://www.google.com/">GOOGLE</option>
<option value="http://www.msueroomz.blogspot.com/">MSUEROOMZ</option>
<option value="http://www.facebook.com/">FACEBOOK</option>
<option value="http://www.twitter.com/">TWITTER</option>
</select>
<input name="NAMA UNIK" type="HIDDEN" value="1">
</form>
Note : Pada highlight NAMA UNIK korang tukarkan dengan nama pape , pastikan ketiga - tiga nama unik pada dropdown adalah sama dan tidak sama dengan dropdown yang seterusnya ,jika korang hendak buat lebig dari satu dropdown .
Pada highlight biru korang tukarkan yang bersesuaian mengikut kehendak korang
4. Pastekan kedalamnya
5. Save dan Preview .
