IF-ITB/EN/Des 2004 IF1191 –DHTML Page 1 DHTML Elfan Nofiari Departemen Teknik Informatika ITB
IF-ITB/EN/Des 2004 IF1191 –DHTML Page 2 DHTML DHTML : Dynamic HTML DHTML = HTML 4 + CSS + JavaScript Mendukung isi dan visualisasi dokumen yang dinamis Content manipulation : pengubahan isi dokumen (teks, gambar) Visual manipulation : pengubahan elemen visual (warna, ukuran, letak, dll) Layering : suatu konsep mengenai struktur penampakan sebuah dokumen dimana dokumen dibagi menjadi beberapa lapisan dimana setiap lapisan dapat memiliki isi dan fungsi visual tertentu.
IF-ITB/EN/Des 2004 IF1191 –DHTML Page 3 Contoh Manipulasi Mengubah isi teks –obj.innerText –obj.innerHTML Mengubah gambar –obj.src Mengubah warna –obj.style.color –obj.style.backgroundColor Mengubah ukuran –obj.style.width –obj.style.height Mengubah posisi –obj.style.top –obj.style.left Menyembunyikan tampilan –obj.style.visibility –obj.style.display Animasi –window.setTimeout() –window.setInterval()
IF-ITB/EN/Des 2004 IF1191 –DHTML Page 4 Document Object Model (DOM) windowframe documentformtext password … object1 object2 allid stylecss property1 css property2 … … * Bagian yang diberi batas garis putus-putus merupakan fitur dari browser Microsoft Internet Explorer … …