MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda



SYAMSUDINNAMAKU telah hadir

KUNJUNGI CHANNEL YOUTUBE SAYA

Cara Membuat Menu Pop-Up


Menu Sebagai penyimpan dan penampil gambar pada
jendela kecil baru ini sangat efisien dalam masalah
tempat, dalam arti tidak banyak menyita ruang pada
blog anda karena menggunakan button. Keunggulan
lainnya dari menu ini adalah gambar yang ditampilkan
tidak harus berdimensi atau berukuran sama. Lihatlah
perbedaan ukuran antara gambar 1, 2 dan 3
pada contoh yang ada di bawah ini :




Nah, apakah anda tertarik ? Cara membuatnya
mudah  saja, yakni cukup anda tambahkan gadget
HTML/JavaScript kemudian masukkan ke dalam
kontennya kode yang berikut ini :


<script language="JavaScript">

/*
Script posted and featured on JavaScript Kit
http://javascriptkit.com
*/

function display_image(form) {
selectionname = form.imagename.options[form.imagename.selectedIndex].text;
selection = form.imagename.options[form.imagename.selectedIndex].value;
PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=255");
PreView.document.open();
PreView.document.write("<HTML><HEAD>");
PreView.document.write("<TITLE>Preview</TITLE>");
PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>");
PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + 
selectionname + "</FONT></B><HR>");
PreView.document.write("<IMG HSPACE=0 VSPACE=0 " +
"SRC='" + selection + "'>");
PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Close' " +
"onClick='window.close()'></FORM>");
PreView.document.write("</CENTER>");
PreView.document.write("</BODY></HTML>");
PreView.document.close();
    }
</script>

<form>
<select name="imagename" onchange="display_image(this.form)">
<option value="URL gambar di sini" selected />Image 1 
<option value="URL gambar di sini" />Image 2 
<option value="URL gambar di sini" />Image 3 
</select>
</form>

KETERANGAN =

Masukkan gambar yang anda ingin tampilkan
pada kode URL gambar di sini

Bila anda ingin menambah lagi gambarnya,
tambahkan saja pada kode :
<option value="URL gambar di sini" />Image 4
<option value="URL gambar di sini" />Image 5
dan seterusnya, sesuai yang anda kehendaki.

Selamat mencoba, good luck!


0 comments:

Posting Komentar