DOM Properties

Diunggah oleh

ma_thews
48 tayangan3 halaman

Hak Cipta

© Attribution Non-Commercial (BY-NC)

Format Tersedia

DOC, PDF, TXT atau baca online dari Scribd

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Laporkan Dokumen Ini

Hak Cipta:

Attribution Non-Commercial (BY-NC)
Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
Tandai sebagai konten tidak pantas
48 tayangan3 halaman

DOM Properties

Diunggah oleh

ma_thews

Hak Cipta:

Attribution Non-Commercial (BY-NC)
Unduh sebagai DOC, PDF, TXT atau baca online dari Scribd
Tandai sebagai konten tidak pantas
dari 3

DOM Properties Atribut yang dimiliki oleh elemen x.innerHTML : mengakses Teks suatu elemen /node x.

value : mengakses nilai elemen x.parentNode : mengakses parent suatu elemen x.child.Node : mengakases anak suatu elemen x.attibut : mengakses atribut elemen dengan x=document.methode Penjelasan : <div id="ngendi"> Wis AKAKOM wae </div> <input type="button" name="pejet" value="SIP LAH"/> "Wis AKAKOM wae" sebagai Teks , diakses dengan innerHTML "SIP LAH" sebagai nilai elemen , diakses dengan value Proses untuk mengakses data /nilai getElemetById("id") : mengakses suatu elemen dengan id getElementsByTagname("nama") : mengakses elemendengan TAG name appendChild(node) : menambah elemen anak removeChild(node) : menghapus elemen anak Method pada HTML DOM Methode yakni apa yang dilakukan terhadap suatu element.Methode ini SELALU disertai dengan propertiesnya, sehinggaformatnya sbb. Document.methode.properties getElementById(id) mengakses elemenid getElementsByTagName mengakseselemen id Event pada HTML DOM Onfocus bila cursor masuk di elemen onBlur bila cursor keluar elemen onChange ada perubahan data padaelemen atau tekan keyboard Contoh DOM-untuk validasi input Membuat validasi isian teks (saat isian elemenbelum benar (tidak perlu menunggu kliktombol Submit) Bila isian teks masih kosong, saat cursor keluarisian (event : onBlur), akan muncul komentar kesalahan via kotak pesandengan Alert (pesan) Setelah muncul komentar , cursor DIPAKSA untuk tetapdi elemen isian dengan onFocus() Memunculkan kotak pesan <html> <body> Pemasukan Data <br> <form> <input type="text" name="in_nama" onBlur="alert('Ngopoooo iki')" ><br> <input type="button" value="OK" > </form> </body>

</html> Validasi isian kosong dg element <html> <body> <script language="JavaScript"> function cek(borang) { if(borang.elements[0].value=="") { alert("Nggak boleh KOSONG lho !"); } } </script> Pemasukan Data <br> <form> <input type="text" name="in_nama" onBlur="cek(this.form)" ><br> <input type="button" value="Simpan" > </form> </body> </html> Validasi isian angka dengan GetElementById <html> <body> <h1 id="judul">Pemasukan Data </h1> <script type="text/javascript"> function cek() { yo=document.getElementById("nm").value; if(!(yo>=0)) alert("Kok masih ada huruf..HARUS angka loo"); } </script> <form> <input id="nm" type="text" name="in_nama" value="diisi yo" onBlur="cek()" ><br> <input type="button" value="Simpan" > </form> <div id="nyangkene"></div> </body> </html> Ajax Asyncronus JavaScript and XML Bukan bahas pemrograman baru, tapi teknologi untuk akselerasi akses database Proses dilakukan dibelakang layar saat akses/proses tidak dapat dilihat di layar

Untuk apa ? Mempercepat akses (rekam/baca) kedatabase 1. Akses ke database dilakukan secara parsial (tidak harus 1 form banyak elemen seperti pada PHP standard) 2. Tidak perlu mereloud atau refres ulang suatu halaman bila ada permintaan ke server Agar dialog lebih interaktif seperti halnya pada desktop programming. Standar php bekerja halaman per halaman

Anda mungkin juga menyukai