Rabu

Membagi Jendela Browser menjadi frame

16.10

Honor Jangar ►►►

No comments

Membagi Jendela Browser menjadi frame, dan klik link pada pilihan diframe kiri akan mengupdate isi frame kanan.

Anda dapat melakukan hal tersebut dengan JavaScript, dan perhatikan contoh berikut :

Misalnya halaman html untuk membuat frame kiri dan kanan adalah sebagai berikut :

Contohy.html

<html> <head> <title>Tutorial JavaScript</title> <frameset cols=175,*> <frame src="menu.html" name="kiri"> <frame src="topik1.html" name="kanan"> </frameset> </head> </html>

Pada contoh diatas, pada frame kiri akan dibuka suatu html dengan nama menu.html, dan sebelah kanan akan diaktifkan topik1.html, dan isi dari menu.html adalah sebagai berikut :

menu.html

<html> <head> <script language="JavaScript"> function buka(x) { top.kanan.location=x; // membuka halaman x pada frame kanan return false } </script> </head> <body> <h1>Daftar Isi</h1> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Memasukan JavaScript ke dalam HTML</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Variabel dan Literal</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Ekspresi dan Operator</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Struktur Kendali dan Fungsi</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Dasar dari Objek</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Objek dan Fungsi built-in</a><hr> <a href="" onclick="return buka('topik7.html')">Objek netscape</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Objek form</a><hr> <a href="" onclick="return buka('http://nopi-sopari.blogspot.com/2011/10/test-area.html')">Window dan Frame</a><hr> </body> </html>

Pada menu.html diatas, kita menggunakan event onclick pada masing-masing link yang akan memanggil suatu fungsi buka yang diikuti dengan suatu parameter yang berupa nama dokumen html target. Pada fungsi buka, kita menggunakan properti location untuk frame kanan membuka halaman bersangkutan.

Catatan : kanan dalam hal ini adalah nama frame.

~~Hasilnya:~~