![]() |
Emely.Net Banner Exchange |
Ketika anda menambahkan atau melakukan modifikasi tertentu pada situs anda, anda sering ingin menempatkan suatu icon (new) disampingnya, sehingga pengunjung dengan mudah dapat menemukan hal-hal yang baru tersebut. Tentu saja icon tersebut ditampilkan untuk suatu periode waktu tertentu dan kemudian dihilangkan. Pekerjaan tersebut menjadi tidak efektif bila anda melakukan modifikasi situs secara berkala atau situs anda cukup besar.
Dengan menggunakan JavaScript, adalah memungkinkan untuk memprogram HTML yang menampilkan icon new untuk suatu periode waktu tertentu. Anda dapat menulis suatu fungsi JavaScript yang mana berfungsi membandingkan waktu sekarang dengan waktu kadaluarsa yang telah ditetapkan, atau dengan kata lain sisipkan icon new hanya jika tanggal sekarang belum mencapai tanggal kadaluarsa. Berikut ini kodenya :
<SCRIPT LANGUAGE="JavaScript"> <!-- Hide code from non-js browsers function newItem(expiryDate) { exp = new Date(expiryDate); cur = new Date(); if (cur.getTime() < exp.getTime()) document.write("<IMG SRC=\"new.gif\" WIDTH=31 HEIGHT=12 BORDER=0 ALT=\"new\">" ); } // end hiding --> </SCRIPT>Biasanya, fungsi seperti ini didefinisikan antara bagian
<HEAD>
dan </HEAD>
pada HTML. Ganti nama new.gif
ke
nama dari image anda dan modifikasi atribut WIDTH
dan HEIGHT
ke ukuran
yang sesuai. Sekarang dimana saja anda ingin meletakkan icon
new tersebut, sisipkan kode berikut :
<SCRIPT LANGUAGE="JavaScript"> <!-- newItem("10/1/2000"); // --> </SCRIPT>Icon akan menampilkan tanggal yang mana anda tentukan sebagai parameter untuk
newItem()
.