Membuka Dokumen Pada Jendela Baru | Buku Catatan si Ugi

Metode ini memungkinkan kita untuk membuka halaman website/ blog pada jendela baru yang disetai dengan animasi perubahan tampilannya sebelum dokumen tersebut terlihat penuh menutupi layar.

Untuk mengimplementasikannya pun cukup mudah, kita hanya perlu menyisipkan "javascript:openwindow('URL_dokumen')" pada setiap tag <A>.

Contoh:
<a href="javascript:openwindow('http://caprt3a.blogspot.com')">eBooksi</a>
[Demo]

Keterangan:
http://caprt3a.blogspot.com : adalah URL Dokumen, dimana dokumen tersebut akan dibuka pada jendela baru.

Untuk memulainya, silahkan gunakan script berikut ini kedalam tag <head> dalam template:
<script type='text/javascript'>
//<![CDATA[
var winheight=100
var winsize=100
var x=5

function openwindow(thelocation){
temploc=thelocation
if (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById)){
window.open(thelocation)
return
}
win2=window.open("","","scrollbars")
win2.moveTo(0,0)
win2.resizeTo(100,100)
go2()
}
function go2(){
if (winheight>=screen.availHeight-3)
x=0
win2.resizeBy(5,x)
winheight+=5
winsize+=5
if (winsize>=screen.width-5){
win2.location=temploc
winheight=100
winsize=100
x=5
return
}
setTimeout("go2()",50)
}
//]]>
</script>
sumber: dynamicdrive




0 komentar:

Post a Comment



Catatan :

Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon







 

Anda sudah mengaktifkan penyaringan konten ( AdBlocker di Aktifkan )

Mohon maaf untuk sementara Anda tidak dapat melihat halaman ini, silahkan kembali lagi setelah Anda menonaktifkan filter yang Anda gunakan. Abaikan