Beberapa hari yang lalu saat pulang kuliah, salah seorang teman kos saya menanyakan “cara membuat ucapan selamat datang pada saat halaman web dibuka disertai ucapan selamat tinggal pada saat halaman ditutup”. Ia melihat hal tersebut pada halaman friendster temannya.
Spontan aku menawarkan diri untuk membantu… dan tak sampai tiga menit jadilah script sederhana ini.
<html>
<head>
<title>Welcome and Goodbye by Jack</title>
<script language=”javascript”>
function welcome()
{
alert(“Jack says: Welcome to my page!”);
}
function goodbye()
{
alert(“Jack says: Thank you for visiting my page”);
}
</script>
</head>
<body onLoad=welcome() onUnload=goodbye()>
<center><h1>Javascript is easy and Fun!<h1></center>
</body>
</html>
Pada script di atas, kita menggunakan dua buah function pada javascript, yaitu welcome() dan goodbye() yang masing-masing berisi pesan peringatan (alert). Untuk menampilkannya, kita menggunakan dua buah atribut pada tag body, yaitu onLoad dan onUnload. Fungsi dari onLoad adalah untuk menjalankan script pada saat halaman web dimuat (onload), sedangkan onUnload akan dijalankan pada saat halaman web ditutup (onunload).
Hasilnya???
Saat dibuka…
Saat ditutup…
Script di atas dapat ditambahkan pada halaman web Anda. Teman Anda yang tidak tahu bisa jadi iri nih, hehe… script di atas juga dapat dikembangkan menjadi lebih baik lagi…. dan ingat: copy paste sertakan sumber.
Sederhana bukan??
Selamat mencoba..
thanks but softwarenya… God Bless U !
Comment oleh jerry — 22 Februari, 2009 @ 6:27 pm
bgz bro…….
v syng skrng fs kya x g bz pake javascript giiiii
Comment oleh dzail — 21 Maret, 2009 @ 1:59 am
thanks,
bagus banget infonya
web jadi kerren nih
JBU
Comment oleh Lia — 30 Maret, 2009 @ 11:29 am
@ dzail:
tutorial di atas bisa dipakai di semua halaman web,
bukan hanya di friendster saja,
aku sebut friendster hanya salah satu contoh..
script ini bisa anda letakkan pada website, blog pribadi dan web apa saja (standar HTML) selama anda memiliki akses mengubah isi file.
selamat mencoba
Comment oleh 7ack — 30 Maret, 2009 @ 2:40 pm
mas oke banget tu maka c yau oy
Comment oleh roney — 12 Mei, 2009 @ 2:58 pm
oy mas kok g bisa yooo i mana ni
Comment oleh roney — 12 Mei, 2009 @ 3:28 pm
coba aktifkan Javascript di browser,
cara paling baik adalah mengetik ulang coding di atas, perhatikan tanda petik tunggal (‘) dan ganda (“), biasanya berpengaruh.
telitilah, pasti bisa
Comment oleh 7ack — 30 Juli, 2009 @ 12:40 am
terima kasih banyak ya buat softwarenya,semoga tuhan memberkati pekerjaan mu and sucses ya.
Comment oleh adrian — 29 Mei, 2009 @ 9:27 am
Gak bisa Sob!!
Comment oleh imam — 26 Juli, 2009 @ 8:09 pm
coba aktifkan Javascript di browser,
cara paling baik adalah mengetik ulang coding di atas, perhatikan tanda petik tunggal (’) dan ganda (”), biasanya berpengaruh.
telitilah, pasti bisa
Comment oleh 7ack — 30 Juli, 2009 @ 12:41 am
disimpannya dimana bos?? tlg detailnya apakah di bawah pada edit HTML untuk blogspot? thanx
Comment oleh hello_guk2 — 4 Oktober, 2009 @ 11:33 am
apakah di bawah
Comment oleh hello_guk2 — 4 Oktober, 2009 @ 11:34 am
Oy, kode html tsb dicopy pastekan dimana?
Untk fb, atau blog2 gt. .Misalnya untk blog aq di http://surantosimanullang.blogspot.com , dgn cra apakah kode itu akan sy pastekan? Thx. .
Comment oleh Suranto simanullang — 23 November, 2009 @ 9:15 pm
klo utk blogspot sy blm coba juga…
Comment oleh 7ack — 27 November, 2009 @ 2:30 pm