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>


Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online