Saturday, September 21, 2013

Home » » Membuat Alat HTML Parser Sendiri

Membuat Alat HTML Parser Sendiri

Kenapa harus lelah-lelah dan capek-capek secara manual menggunakan Notepad jika hanya untuk memparse kode HTML. Alat parse sederhana sebenarnya bisa dibuat, bagaimana membuatnya silahkan ikuti langkah-langkah berikut:

  1. Salin kode di bawah ini, kemudian paste di Notepad: 
    <htm>
 <head>
  <title>PARSE</title>
 </head>
 <body>
  <textarea id='oBox1' cols='61' rows='15'></textarea>
  <p><input onclick='oConvert()' type='button' id='oRun1' value='Parse'></p>
  <textarea id='oBox2' cols='61' rows='15' style='display:none;'></textarea>
  <p><input onclick='oBack()' type='button' id='oRun2' value='Back' style='display:none;'></p>
  <script>
/*----------
Catatan.Doang.Blogspot.Com --- Be-HTMLCSS.Blogspot.Com
-----------*/
  String.prototype.oParseEntities = function() {
   return this.replace(/&/ig, '&amp;').replace(/</ig, '&lt;').replace(/>/ig, '&gt;').replace(/"/ig, '&quot;');
  }
  function oConvert() {
   var oBtnObj1 = document.getElementById('oRun1');
   var oBtnObj2 = document.getElementById('oRun2');
   var oBoxObj1 = document.getElementById('oBox1');
   var oBoxObj2 = document.getElementById('oBox2');
   oBoxObj2.style.display = '';
   oBtnObj2.style.display = '';
   oBoxObj1.style.display = 'none';
   oBtnObj1.style.display = 'none';
   oBoxObj2.value = oBoxObj1.value.oParseEntities();
  }
  function oBack() {
   var oBtnObj1 = document.getElementById('oRun1');
   var oBtnObj2 = document.getElementById('oRun2');
   var oBoxObj1 = document.getElementById('oBox1');
   var oBoxObj2 = document.getElementById('oBox2');
   oBoxObj1.style.display = '';
   oBtnObj1.style.display = '';
   oBoxObj2.style.display = 'none';
   oBtnObj2.style.display = 'none';
  }
/*----------
Catatan.Doang.Blogspot.Com --- Be-HTMLCSS.Blogspot.Com
-----------*/
  </script>
 </body>
</html>
  2. Kemudian simpan dengan cara:
    1. Pada tab menu, pilih File > Save As, selanjutnya akan terbuka kotak dialog penyimpanan. Pada opsi Save as type, pilih All Files.
    2. Selanjutnya pada opsi File name, ketikkan Alat_Parse_Saya.html.
    3. Selanjutnya simpan dengan cara mengklik tombol Save.
  3. Untuk melihat hasilnya:
    1. Klik dua kali dokumen HTML bernama Alat_Parse_Saya
    2. Atau bisa juga dengan memilih File > Open dari menu browser, pada kotak dialog yang muncul, klik tombol Browse, cari dan pilih dokumen HTML yang bernama Alat_Parse_Saya, dan terakhir klik tombol Open.

Setelah alat parse selesai dibuat, untuk memparse kode-kode HTML cukup pastekan kode HTML di lembar kerja, kemudian klik tombol Parse. Lihat hasinya, salin dan paste di artikel.

Labels: