Membuat Open PopUp dan New Tab Pakai Script

Cara Kerja Form dan Script
Anda dapat membuat sebuah dokumen atau artikel lanjutan pada blog Anda menggunakan javascript dan form.
Cara kerja form yang ditulis pada sebuah laman untuk memanggil script tujuan. Form dalam artian bahasa indonesia adalah formulir yang posoisinya ditempatkan pada halaman utama. Dalam dunia persenjataan, form diibaratkan sebagai gagang pistol, yang apabila seseorang menarik pelatuknya maka peluru akan keluar dari lubang pistol tersebut. Nah kondisi ini, peluru disamakan dengan script/ output.

Penulisan Form dan Script
Format penulisanya, for dan script memiliki beberapa persamaan dan perbedaan. Form ditulis dengan awalan <form> dan diakhiri dengan </form>. Begitu juga dengan script, yang diawali dengan <script> dan diakhiri dengan </script>.
Untuk mengaitkan keduanya agar bisa saling bekerja sama, maka Anda perlu membuat sebuah pancingan atau kode tertentu di elemen form dan script.
<script>
function BukaDong() { window.location = "http://www.kangsigit.com/2014/08/membuat-open-popup-dan-new-tab.html"
}
</script><form>
<a href="javascript:BukaDong()" style="background-color:rgb(21, 13, 223);color:rgb(33, 252, 234);padding:3px;border-radius:5px" onclick="return confirm('Jika Anda ingin melanjutkan, klik OK')">CONTOH</a>
</form>

CONTOH

Kusus pada bagian output, script tidak boleh mengandung karakter yang ekstrim. Seperti <script> dan </script>. Biasanya, pada halaman biasa Anda mungkin menggunakan <b style=" ">Text</b>. Namun, pada halaman output karakter tersebut tidak bisa Anda gunakan. Untuk mengakalinya, Anda perlu menggantinya dengan <b style=' '>Text</b>

Javascript dan Form PopUp Manual

<script>
function OpenKODE2(form) {
if ((!form.OpenPopUp_Kangsigit.value))
{
alert("")
}
else {
LihatKodeNya=window.open("","","toolbar=no,scrollbars=yes,width=720,height=250");
LihatKodeNya.document.open();
LihatKodeNya.document.write("<html><head><title>Judul Halaman PopUp</TITLE></HEAD><body TEXT=#c0c0c0 BGCOLOR=#000000>");
LihatKodeNya.window.document.write("<h3 style=text-align:center;color:orange>Heading 3</h3><h4>Heading 4</h4><p style='color:yellow'>Tulis sesuatu disini</p><br><marquee>Tulisan bergerak</marquee></html>");
LihatKodeNya.document.close();
}
}
</script>
<form>
<input name="OpenPopUp_Kangsigit" onclick="OpenKODE2(this.form)" style="color:white;background-color:blue" type="button" value="Open PopUp"/>
</form>


Buka Pada Tab Baru

<script>
function OpenKODE(form) {
if ((!form.OpenNewTab_Kangsigit.value))
{
alert("")
}
else {
LihatKodeNya=window.open("");
LihatKodeNya.document.open();
LihatKodeNya.document.write("<html><head><title>Judul Halaman Ne Tab</TITLE></HEAD><body TEXT=#c0c0c0 BGCOLOR=#000000>");
LihatKodeNya.window.document.write("<h3 style=text-align:center;color:orange>Heading 3</h3><h4>Heading 4</h4><p style='color:yellow'>Tulis sesuatu disini</p></html>");
LihatKodeNya.document.close();
}
}
</script>
<form>
<input name="OpenNewTab_Kangsigit" onclick="OpenKODE(this.form)" style="background-color: blue; color: white;" type="button" value="Open New Tab" />
</form>


URL

2 Tanggapan » Lihat

makasih pencerahanya kang. sebenarnya saya sering cari2 script di blog kangsigit, tapi jarang kasih komentar hehehehehe. ohya, kalau boleh kasih pendapat yah, ini mah bukan open new tab. tapi about:blank
tapi keren dah.. saya dulu sering nya pakai pop up karena gak bisa editnya hehehehe... rupanya cuma menghapus ","","toolbar=no,scrollbars=yes,width=720,height=250 nya saja. :D
Oh ya kang, mengapa ya kalau javascript telah di posting, trus di edit jadi error. scriptnya udah gak mau jalan lagi gitu.. plis dijawab dong.. makasih.

Sebenarnya tidak eror dan sobat masih bisa mengeditnya kapanpun.
Namun terkadang tag HTML dari blogspot bisa merubah otomatis susunan beberapa script. Seperti script yang saya publish ini, kalau telah diupdate pada posisi HTML, trus diubah menjadi Compose, maka script gak bisa jalan karena terdapat enter otomatis.

Nah untuk itu sebelum mulai mengedit, silahkan buka postingan anda dan Open Source, caranya klik CTRL+U bersamaan. copy paste semua script yang telah diposting itu, lalu salin di notepad. Abis itu diedit dan dipublish lagi.

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini