Emely.Net Banner Exchange
Home, Forum diskusi, Chatting, Download

Statusbar dan Scroller

Pernah melihat yang tulisan berputar di status bar browser ? Itu adalah scroller. Tulisan berputar sangat populer dan menarik perhatian bagi pemula, dan bukan merupakan ide yang baik, karena fungsi status bar bukan ditujukan untuk hal tersebut. Menurut anda apa fungsi status bar ?

Program Scroller

Fasilitas apa saja yang terdapat pada JavaScript sehingga memungkinkan kita membuat suatu scroller ? 

Pertama adalah kemampuan menampilkan tulisan pada  status bar dengan :

window.status = "Ini akan muncul pada status bar"

Kedua adalah adanya fungsi  setTimeout(). Fungsi ini memiliki dua buah parameter. Parameter pertama adalah string yang merupakan perintah  JavaScript yang akan diaktifkan dan parameter kedua adalah jumlah milidetik untuk mengaktifkan perintah tersebut.

Tulisan berputar pada dasarnya adalah suatu fungsi, yang pada pada setiap aksi, memindahkan tulisan pada scrollbar sedikit ke kiri dan kemudian memanggil  setTimeout() untuk mengaktifkan kembali dirinya setelah suatu interval waktu tertentu.

Berikut ini adalah kode lengkap untuk menghasilkan scroller.

<SCRIPT LANGUAGE="JavaScript">
    <!-- Start of scroller script
    var scrollCounter = 0;
    var scrollText    = "Teks yang anda inginkan, misalnya Viva Indoprog";
    var scrollDelay   = 70;
    var i = 0;

    while (i ++ < 140)
        scrollText = " " + scrollText;

    function Scroller()
    {
        window.status = scrollText.substring(scrollCounter++,
          scrollText.length);
        if (scrollCounter == scrollText.length)
            scrollCounter = 0;
        setTimeout("Scroller()", scrollDelay);
    }

    Scroller();
    // End of scroller script -->
</SCRIPT>

Fungsi lainya yang kita gunakan adalah substring(), yang mana merupakan metode dari objek string. Jika name="JavaScript", maka name.substring(4,9) akan mengembalikan "Script". Sudahkah anda mengerti garis besarnya ?

Membuat tulisan berputar pada halaman anda