Emely.Net Banner Exchange
Emely.Net Banner Exchange

Home, Forum diskusi, Chatting, Download


Menampilkan Icon New-Item

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("&ltIMG 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().

Dibuat  oleh hendra@indoprog.com
Medan - Sumatera Utara
Indonesia