Teknologi 3D pada Halaman WEB: Membuat Search Engine menggunakan XML

HAPUS KODE BR / pada script!

<HTML>
 
 <body BGCOLOR="tan" STYLE="FONT-FAMILY:arial; BORDER:5px outset orange">
 <CENTER><H2>DATABASE XML</H2></CENTER>
 
 
 <XML ID="dsoInventory" SRC="data.xml"></XML>
 <INPUT TYPE="TEXT" ID="SearchText"> <BUTTON ONCLICK="caridata()">Cari</BUTTON>
 <HR>
 <DIV ID="ResultDiv"></DIV>
 <SCRIPT LANGUAGE="JSCRIPT">
 function caridata()
 {
 SearchString=SearchText.value.toUpperCase();
 if(SearchString=="")
 {
 ResultDiv.innerHTML="Ketik terlebih dahulu data yang ingin Anda cari pada kotak teks di atas!";
 return;
 }
 dsoInventory.recordset.moveFirst();
 
 ResultHTML="";
 
 while(!dsoInventory.recordset.EOF)
 {
 TitleString=dsoInventory.recordset("FOTO").value;
 if(TitleString.toUpperCase().indexOf(SearchString)>=0)
 ResultHTML+="<TABLE WIDTH=100% BORDER=1> <THEAD> <TH BGCOLOR=#CCCCCC>FOTO</TH> <TH BGCOLOR=#CCCCCC>NAMA</TH> <TH BGCOLOR=#CCCCCC>KELAS</TH> <TH BGCOLOR=#CCCCCC>L/P</TH> <TH BGCOLOR=#CCCCCC>TEMP TGL LAHIR</TH> <TH BGCOLOR=#CCCCCC>ALAMAT</TH> </THEAD> <TR ALIGN=CENTER> <TD> "
 +dsoInventory.recordset("FOTO")
 +""
 +"</TD>"
 +"<TD>"
 +dsoInventory.recordset("NAMA")
 +"</TD>"
 +"<TD>"
 +dsoInventory.recordset("KELAS")
 +"</TD>"
 +"<TD>"
 +dsoInventory.recordset("LP")
 +"</TD>"
 +"<TD>"
 +dsoInventory.recordset("TTL")
 +"</TD>"
 +"<TD>"
 +dsoInventory.recordset("ALAMAT")
 +"</TD>"
 +"</TR></TABLE> ";
 dsoInventory.recordset.moveNext();
 }
 if(ResultHTML=="")
 {
 ResultDiv.innerHTML="Data yang Anda cari tidak ada pada database";
 }
 else 
 {
 ResultDiv.innerHTML=ResultHTML;
 }
 }
 </script>
 </body>
 </html>

Copy rumus di atas. Setelah itu simpan rumus tersebut. Klik menu File, klik menu Save As...
File Name : Ketik (Database.html). atau (database.hta)
Kemudian Klik tombol Save
Simpan pada Folder C:\My Documents\

Setelah itu perhatikan kode di bawah ini!

PEMBUATAN/ PENGETIKAN DATABASE XML

Di atas adalah contoh struktur dokumen XML untuk pembuatan database.
Langkah-langkah pembuatan :
Blok struktur dokumen XML di atas, atau dapat juga diketik ulang.
Klik kanan pada area yang telah diblok, kemudian klik menu Copy
Klik tombol Notepad di atas, untuk menampilkan aplikasi Notepad.
Klik menu Edit, kemudian klik menu Paste.
Setelah tersalin pada notepad, Klik menu File kemudian klik menu Save As
Pada kotak teks File Name : ketik data.xml
Kemudian Klik tombol Save
Simpan pada Folder C:\My Documents\
Kode di atas membutuhkan file foto berformat jpg.

1 komentar:

Nur455% mengatakan...: Wah,..postinganx bagus banget.info sperti ini yg sangat sy tunggu untuk org yg dahaga ilmu xml spti sya.trims banyak utk kang admin sbb udah nambah khazanah ilmu dlm otak ini dngn artikel yg sngt bermutu bg sy n salam knal ya...; 14 Mei 2010 pukul 17.05

Posting Komentar

Teknologi 3D pada Halaman WEB

Sabtu, 06 Februari 2010

Membuat Search Engine menggunakan XML

HAPUS KODE BR / pada script!

1 komentar:

Mengenai Saya