Menu

Pada beberapa halaman WEB yang menampilkan iklan biasanya ada sebuah bagian halaman web yang berisi banner. Tidak jarang banner yang dipasan berganti-ganti tulisan pada kurun waktu tertentu. Pada prinsipnya banner tersebut terdiri beberapa halaman HTML yang bergantian tampil. Berikut adalah kode JavaScript untuk mengganti tulisan pada banner :

//array halaman banner
var pages : new Array("indra1.html", "indra2.html", "indra3.html");
var n = 0;

/fungsi untuk mengubah banner
function updateAd(){
    window.parent.frames["ad"].location = pages[n];
if(++n >= pages.length){
   n = 0;
}
//waktu dalam milidetik
  setTimeout("updateAd()", 2000);
}

pemakain fungsi pada tag HTML sebagai berikut :
<body onLoad="updateAd()">

Pemakaian pada halaman utama menggunakan dua buah frame di mana frame yang satu mengacu pada kode diatas dan frame yang satu mengacu pada file indra1.html,indra2.html,indra3.html. Berikut adalah kode pada halaman utama :
<html>
<head>
    <title>Banner berganti tulisan</title>
</head>

<frameset rows="*,300"  framespacing="0" frameborder="0">
    <frame name="main" src="parent_banner_ganti_tulisan.html" scrolling="auto" noresize="noresize" />
    <frame name="ad" src="indra1.html" scrolling="yes" noresize="noresize" />
</frameset>
</html>

Prinsip kerjanya adalah dengan mengakses frame berdasarkan nama frame

Sekian, dan jangan lupa harap meninggalkan komentarnya

0 comments :

Post a Comment

 
Top