Ya'ahowu: Javascript

Thursday, September 11, 2008

Menampilkan Slide Gambar dengan Javascript

Biasanya menampilkan gambar secara bergantian dibuat dengan flash, lalu bagaimana kalau gambar yang ditampilkan selalu berubah ataupun bertambah terus. Repot bukan kalau mesti ubah file flashnya?

Berikut ini contoh slide gambar yang ditampilkan tiap berapa detik di halaman web site dengan menggunakan javascript. Dari contoh berikut bisa dikombinasikan dengan web programming seperti PHP dan sedikit sentuhan AJAX, namun dari contoh di bawah hanya memberikan contoh dengan javascript saja. Semoga dengan contoh ini bisa ada gambaran untuk bisa dibuat lebih dinamis.

<html>

<head>

<title>Slide dengan Javascript</title>

      function slide()

      {

            document.anim.src=img[i];

            setTimeout("slide()", 1000);

            i++;

            if(i==5)

            {

                  i=0;

            }

      }





</script>

</head>

Untuk mencobanya, sediakan 5 file gambar dengan nama file 1.gif s/d 5.gif atau bisa dimodifikasi sendiri nama gambarnya.

Wednesday, September 10, 2008

Menampilkan Umur Halaman Dengan Javascript

Berikut ini Anda bisa mendapatkan contoh program sederhana menampilkan umur halaman browser dengan menggunakan javascript. Waktu mulai dijalankan pertama kali browser dibuka dan umur halaman ditampilkan dalam format jam:menit:detik.

<html>

<head>

<title>Umur halaman</title>

</script>

</head>