Disini tempatnya memberikan Info Tips & Trik dalam segala hal. Bagi yang punya Info Tips & Trik menarik tentang apa saja silahkan post disini. Yang penting bermutu & bermanfaat buat kita semua. Untuk
You are viewing a post by ♫KasurrusaK♫. View all 433 posts in Disini tempatnya memberikan Info Tips & Trik dalam segala hal. Bagi yang punya Info Tips & Trik menarik tentang apa saja silahkan post disini. Yang penting bermutu & bermanfaat buat kita semua. Untuk.
2008-03-02 09:34:45
- ♫KasurrusaK♫
- » n00b
36
0
1969-12-31
Re: Disini tempatnya memberikan Info Tips & Trik dalam segala hal. Bagi yang punya Info Tips & Trik menarik tentang apa saja silahkan post disini. Yang penting bermutu & bermanfaat buat kita semua. Untuk
[quote=andry]mo share juga neeh 
[b]Membagi Jendela Browser menjadi frame, dan klik link pada pilihan diframe kiri akan mengupdate isi frame kanan.[/b]
Kalian dapat melakukan hal tersebut dengan JavaScript, dan perhatikan contoh berikut :
Misalnya halaman html untuk membuat frame kiri dan kanan adalah sebagai berikut :
[b]Contohy.html[/b]
[quote]<html>
<head>
<title>[b]Tutorial JavaScript[/b]</title>
<frameset cols=175,*>
<frame src="[b]menu.html[/b]" name="[b]kiri[/b]">
<frame src="[b]topik1.html[/b]" name="[b]kanan[/b]">
</frameset>
</head>
</html>[/quote]
Pada contoh diatas, pada frame [b]kiri [/b]akan dibuka suatu html dengan nama menu.html, dan sebelah [b]kanan[/b] akan diaktifkan [b]topik1.html[/b], dan isi dari [b]menu.html[/b] adalah sebagai berikut :
[b]menu.html[/b]
[quote]<html>
<head>
<script language="JavaScript">
function buka(x)
{
top.kanan.location=x; // [color=blue]membuka halaman x pada frame kanan[/color]
return false
}
</script>
</head>
<body>
<h1>[b]Daftar Isi[/b]</h1>
<a href="" onclick="return buka('[b]topik1.html[/b]')">Memasukan JavaScript ke dalam HTML</a><hr>
<a href="" onclick="return buka([b]'topik2.html[/b]')">Variabel dan Literal</a><hr>
<a href="" onclick="return buka('[b]topik3.html[/b]')">Ekspresi dan Operator</a><hr>
<a href="" onclick="return buka('[b]topik4.html[/b]')">Struktur Kendali dan Fungsi</a><hr>
<a href="" onclick="return buka('[b]topik5.html[/b]')">Dasar dari Objek</a><hr>
<a href="" onclick="return buka('[b]topik6.html[/b]')">Objek dan Fungsi built-in</a><hr>
<a href="" onclick="return buka('[b]topik7.html'[/b])">Objek netscape</a><hr>
<a href="" onclick="return buka('[b]topik8.html[/b]')">Objek form</a><hr>
<a href="" onclick="return buka('[b]topik9.html'[/b])">Window dan Frame</a><hr>
</body>
</html>[/quote]
Pada [b]menu.html[/b] 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.
[i]Catatan : [b]kanan[/b] dalam hal ini adalah nama frame.[/i]
[b][url=http://andry.peace.googlepages.com/test.html]Klik untuk melihat hasil dari contoh diatas[/url][/b]
bagaimana .. menarik bukan ??[/quote]
Tanpa mengurangi rasa hormat
Makasih atas Sharenya
meskipun udah ada di [url=http://theftalk.com/t8393-Iframe-with-navigation.html]Friendster Trick And Tutorials[/url]
credit in friendstertalk to : cip6192
base credit to : http://javascriptkit.com
Dan code ini bisa di masukin ke profile friendster juga loh
Maju Open Source Indonesia
[b]Membagi Jendela Browser menjadi frame, dan klik link pada pilihan diframe kiri akan mengupdate isi frame kanan.[/b]
Kalian dapat melakukan hal tersebut dengan JavaScript, dan perhatikan contoh berikut :
Misalnya halaman html untuk membuat frame kiri dan kanan adalah sebagai berikut :
[b]Contohy.html[/b]
[quote]<html>
<head>
<title>[b]Tutorial JavaScript[/b]</title>
<frameset cols=175,*>
<frame src="[b]menu.html[/b]" name="[b]kiri[/b]">
<frame src="[b]topik1.html[/b]" name="[b]kanan[/b]">
</frameset>
</head>
</html>[/quote]
Pada contoh diatas, pada frame [b]kiri [/b]akan dibuka suatu html dengan nama menu.html, dan sebelah [b]kanan[/b] akan diaktifkan [b]topik1.html[/b], dan isi dari [b]menu.html[/b] adalah sebagai berikut :
[b]menu.html[/b]
[quote]<html>
<head>
<script language="JavaScript">
function buka(x)
{
top.kanan.location=x; // [color=blue]membuka halaman x pada frame kanan[/color]
return false
}
</script>
</head>
<body>
<h1>[b]Daftar Isi[/b]</h1>
<a href="" onclick="return buka('[b]topik1.html[/b]')">Memasukan JavaScript ke dalam HTML</a><hr>
<a href="" onclick="return buka([b]'topik2.html[/b]')">Variabel dan Literal</a><hr>
<a href="" onclick="return buka('[b]topik3.html[/b]')">Ekspresi dan Operator</a><hr>
<a href="" onclick="return buka('[b]topik4.html[/b]')">Struktur Kendali dan Fungsi</a><hr>
<a href="" onclick="return buka('[b]topik5.html[/b]')">Dasar dari Objek</a><hr>
<a href="" onclick="return buka('[b]topik6.html[/b]')">Objek dan Fungsi built-in</a><hr>
<a href="" onclick="return buka('[b]topik7.html'[/b])">Objek netscape</a><hr>
<a href="" onclick="return buka('[b]topik8.html[/b]')">Objek form</a><hr>
<a href="" onclick="return buka('[b]topik9.html'[/b])">Window dan Frame</a><hr>
</body>
</html>[/quote]
Pada [b]menu.html[/b] 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.
[i]Catatan : [b]kanan[/b] dalam hal ini adalah nama frame.[/i]
[b][url=http://andry.peace.googlepages.com/test.html]Klik untuk melihat hasil dari contoh diatas[/url][/b]
bagaimana .. menarik bukan ??[/quote]
Tanpa mengurangi rasa hormat
Makasih atas Sharenya
meskipun udah ada di [url=http://theftalk.com/t8393-Iframe-with-navigation.html]Friendster Trick And Tutorials[/url]
credit in friendstertalk to : cip6192
base credit to : http://javascriptkit.com
Dan code ini bisa di masukin ke profile friendster juga loh
Maju Open Source Indonesia
 |