Scribd Logo
Unggah

Selamat datang di Scribd!

  • Deddy Rusdiansyah Form Auto Complete Dan PDF

    Diunggah oleh

    doel
    16 tayangan4 halaman

    Judul Asli

    Deddy_Rusdiansyah_Form_Auto_Complete_dan.pdf

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    16 tayangan4 halaman

    Deddy Rusdiansyah Form Auto Complete Dan PDF

    Diunggah oleh

    doel

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 4

    1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data

    0   Lainnya    Blog Berikut» Buat Blog   Masuk

    Beranda Kursus dan Private Program Skripsi Demo Program Tentang Saya Daftar Isi

    Kamis, 13 September 2012 Translate

    Form AutoComplete dan Pencarian Data Pilih Bahasa
    Diberdayakan oleh  Terjemahan

    I'm Online

    Tutoral kali ini merupakan lanjutan tutorial AutoComplite, kali ini akan ditambahkan proses pencarian dengan
    metode JSON. 

    1.  Langkah pertama buat database barang

    Struktur database dan contoh datanya
    Terbaru
    CREATE TABLE `tbbarang` (
      `kodebarang` char(25) NOT NULL, Codeigniter koneksi ke Ms
    Access /
      `namabarang` varchar(100) DEFAULT NULL, ODBC - 12/12/2014
      `hargabeli` int(11) DEFAULT NULL,
      `hargajual` int(11) DEFAULT NULL, Koleksi Templates
    Keren - 11/21/2014
      `stokawal` smallint(6) DEFAULT NULL,
      PRIMARY KEY (`kodebarang`) Setting Mikrotik Groove AP
    ); BRIDGE - 11/21/2014

    Sistem Informasi Pendapatan


    INSERT INTO `tbbarang` VALUES ('001', 'TOP  Kopi', '950', '1000', '1000'); Daerah dengan CodeIgniter
    INSERT INTO `tbbarang` VALUES ('002', 'Pulpy Orange', '4500', '5000', '10'); dan
    TwitterBootstrap - 11/10/20
    14
    2.  Langkah kedua buat file barang.php Upgrade Mikrotik RB1100
    v6.21.1 - 11/7/2014
    <html>
    <head>
    <script type="text/javascript" src="jquery‐1.4.js"></script>
    <script type='text/javascript' src='jquery.autocomplete.js'></script> Kontak Saya
    <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" /> Phone / SMS / WA : 08777
    <link rel="stylesheet" href="main.css" type="text/css" /> 4846 856 
    <script type="text/javascript"> PIN BB : 52BD5E77
    $().ready(function() {  Email :
     $("#barang").autocomplete("proses_barang.php", { deddyrusdiansyah@gmail.co
      width: 150 m
      }); rekening BCA : 2450364862
    AN. Deddy Rusdiansyah
     $("#barang").result(function(event, data, formatted) {
      var kode = formatted;
      $.ajax({
       type : "POST", Sering Dibaca
       data : "kode="+kode,
    Setting modem
       url  : "cari_barang.php", flash dengan
       dataType: "json", kartu Three
       success: function(data){ ,Telkomsel
    ,XL,Im3
        $("#namabarang").val(data.namabarang);
        $("#hargabeli").val(data.hargabeli); Sistem Inventory
       } berbasis web
      }); menggunakan
    codeigniter dan
     }); easyui
     $("#barang").keyup(function() {
      var kode = $('#barang').val(); Aplikasi Web
    menggunakan
      $.ajax({
    CodeIgniter dan
       type : "POST", TwitterBootstrap
       data : "kode="+kode, Metro UI

    http://deddyrusdiansyah.blogspot.com/2012/09/form­autocomplete­dan­pencarian­data.html 1/4
    1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data
       url  : "cari_barang.php", Sistem Informasi
       dataType: "json", Koperasi Gratis
       success: function(data){
        $("#namabarang").val(data.namabarang);
        $("#hargabeli").val(data.hargabeli);
       } Input Data
    Barang dengan
      }); JQuery,
     }); FlexiGrid,
    }); JQueryUI dan
    JSON
    </script>
    </head>
    <body>
      <div class="demo" style="width: 450px;"> Kategory
      <div>
    Database (20)
      <p>Kode Barang : <input type="text" id="barang"></p></div>
      <p>Nama Barang : <input type="text" id="namabarang" size="50" disabled></p> Informasi (49)
      <p>Harga Beli : <input type="text" id="hargabeli" size="15" align="right" disa
    Kursus dan Private (4)
    bled></p>
      </div> Linux (5)
      </div>  Mikrotik (3)
    </body>
    </html> Pemrograman (67)

    VSI Serang (1)

    3.  Langkah ketiga buat file proses_barang.php

    <?php Arsip Blog
    mysql_connect("localhost","root","");
    ►  2014 (36)
    mysql_select_db("tutorial_jquery");
    ►  2013 (34)
    $q = strtolower($_GET["q"]); ▼  2012 (42)
    if (!$q) return; ►  Desember (3)
    ►  November (13)
    $sql = mysql_query("select kodebarang from tbbarang where kodebarang LIKE '%$q%'
    "); ▼  September (13)
    while($r = mysql_fetch_array($sql)) { Dasar-dasar PHP
     $kode_barang = $r['kodebarang']; Syntax
     echo "$kode_barang \n"; Highlighter
    } Membuat Web
    ?> Mobile dengan
    JQuery Mobile
    4.  Langkah keempat buat file cari_barang.php Sistem Informasi
    Koperasi Gratis
    <?php
    Input Data
    mysql_connect("localhost","root",""); Barang dengan
    mysql_select_db("tutorial_jquery"); JQuery,
    FlexiGrid,
    JQuery...
    $kode = $_POST[kode];
    Form
    AutoComplete
    $sql  = mysql_query("select * from tbbarang where kodebarang='$kode'"); dan Pencarian
    $row = mysql_num_rows($sql); Data
    if($row>0){ Form
     $r = mysql_fetch_array($sql); AutoComplete
     $data['namabarang'] = $r[namabarang]; dengan JQuery
     $data['hargabeli'] = $r[hargabeli]; Membuat Jam
     echo json_encode($data); Interaktif
    }else{ dengan JQuery
     $data['namabarang'] = ''; Membuat Jam
     $data['hargabeli'] = ''; Interaktif
    dengan Ajax
     echo json_encode($data);
    } Mengenal Ajax
    Software
    ?> BarTender
    untuk
    mencetak
    Barcode
    Kode Program Download
    PostgreSQL vs
    MySQL
    Diposkan oleh Deddy Rusdiansyah di 11.16 
    E-Commerce
    Rekomendasikan ini di Google
    ►  Agustus (1)
    Label: Database, Pemrograman
    ►  Juli (1)
    Lokasi:Serang ­ Banten Serang, Indonesia
    ►  Juni (1)
    ►  April (1)

    http://deddyrusdiansyah.blogspot.com/2012/09/form­autocomplete­dan­pencarian­data.html 2/4
    1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data

    3 komentar: ►  Maret (3)


    ►  Februari (6)

    Anonim 20 September 2013 15.47
    pak Deddy, bgmn kalau menggabungkan autocomplete yg menggunakan source : caring_barang.php
    Saya mau nangkap field, dari array menjadi id. Peluang Usaha
    tks.
    Balas

    Edy Dava 16 Agustus 2014 23.21
    mantap gan ijin coba dulu
    Balas

    Akademik
    Wahyu Ari Nugroho 31 Agustus 2014 15.25
    maaf kok pencariaannya gak bisa knp ya mas,mohon bimbingannya??
    1. Nilai Mahasiswa
    Balas
    2. Ujian Online Mahasiswa

    Masukkan komentar Anda...

    Google+ Followers

    Deddy Rusdiansyah
    Beri komentar sebagai:  Google Account + ke lingkaran

     
    Publikasikan Pratinjau

    Link ke posting ini
    Buat sebuah Link 535 memiliki saya di Lihat
    lingkaran semua

    Pengunjung
    Posting Lebih Baru Beranda Posting Lama

    Langganan: Poskan Komentar (Atom)

    Pengikut

    http://deddyrusdiansyah.blogspot.com/2012/09/form­autocomplete­dan­pencarian­data.html 3/4
    1/19/2015 Deddy Rusdiansyah: Form AutoComplete dan Pencarian Data

    Join this site
    with Google Friend Connect

    Members (22)  More »

    Already a member? Sign in

    Link Mengenai Saya

    Welcome to DIDIKSETIYADI : Discipline Lead To The Best Deddy Rusdiansyah 
    Achievement Ikuti 535
    Dibongkar, WhatsApp Ternyata Simpan 2 Fitur Rahasia
    Apa yang kita miliki semata­mata dari Allah.
    Gudang Software, Source Code & Tutorial
    Membuat Queue Tree Sederhana Lihat profil lengkapku

    ebisnis
    Belajar C, C++ dengan IDE codeblocks Deddy Rusdiansyah | Create Your Badge

    Deddy Rusdiansyah
    Membangun Aplikasi H2H dengan Codeigniter dan EasyUI

    Sarmuni Ajazimi
    UAS Information Retrieval (IR)

    Help Desk Technology (HDT) Serang­Banten

    Deddy Rusdiansyah. Diberdayakan oleh Blogger.

    http://deddyrusdiansyah.blogspot.com/2012/09/form­autocomplete­dan­pencarian­data.html 4/4

    Anda mungkin juga menyukai