Minggu, 28 April 2013


Membuat 2 halaman terbuka dengan sekali klik


By on 09.16

Bagaimanakah cara membuat window / halaman terbuka hanya dengan satu kali klik menggunakan javascript , , ?
baiklah pada jumpa kita kali ini kita akan membahas cara membuat 2 link / halaman terbuka dengan satu kali klik yaitu menggunakan script javascript . atau anda juga dapat merubah linknya terbuka ketika di hover ( mouse over ) . namun kelemahannya yaitu akan muncul peringatan pada browser di bagian atas kanan . cara ini menggunakan javascript di dalam link tersebut . contoh : kita membuat 2 laman sekaligus dengan satu kali klik seperti di bawah ini .
Cara membuat Navigasi Back Forward

klik tautan / link di atas maka akan membuka 2 halaman sekaligus.
nah maka hasil penulisan javascript dan HTML nya seperti berikut ini :

<a href="http://id-mastony.blogspot.com/2013/04/cara-membuat-navigasi-back-forward.html" onclick="newWindow()">Cara membuat Navigasi Back Forward </a>
<script>function newWindow(){window.open("http://id-mastony.blogspot.com/2013/04/tips-membuat-show-hide-pada-widget-text.html");}</script>
Cara lainnya yaitu menaruh 2 link di dalam javascript sekaligus seperti berikut ini :



nah hasil di atas seperti berikut ini :


<script>function openFb_Tw(){window.open("http://www.facebook.com/"); window.open("http://www.twitter.com/");}</script>
<form><input type="button" value="OPEN FB + TWITTER" onclick="openFb_Tw()">
</form>


onclick=javascript

Lalu bagaimanah cara membuat link terbuka ketika di hover ( mouse over ) . .?
yups ,, anda juga dapat merubah bagaimana link itu dapat terbuka menggunakan click atau di hover .
namun akan muncul peringatan dan itu tergantung pengaturan browser anda masing - masing .

contoh link terbuka ketika di kunjungi pointer mouse seperti berikut ini :

Cara membuat Navigasi Back Forward

mouse over tautan / link di atas maka akan membuka halaman baru
hasil daripada di atas seperti berikut ini penulisan javascript beserta HTML nya .

<a href="javascript"
onmouseover="newWindow()"> Tips Membuat Show Hide pada Widget / Text </a>
<script>function newWindow(){window.open("http://id-mastony.blogspot.com/2013/04/tips-membuat-show-hide-pada-widget-text.html");}</script>

onmouseover=javascript

nah gimana topik kita mengenai membuat 2 halaman terbuka dengan satu kali klik menggunakan javascript keren gk ? , ,
semoga artikelnya berguna . .

Tukang Coding
Judul: Membuat 2 halaman terbuka dengan sekali klik
Review oleh: Tukang Coding | Template TreTans 1.0
Update pada: 09.16 | Rating: 4.5

Comment for "Membuat 2 halaman terbuka dengan sekali klik"

0 komentar

Posting Komentar