[Solved] Jquery autocomplete php

[Cruz3N]

Maaf all sebelumnya klo judulnya salah, saya jg bingung mau tulis apa. Intinya saya kan dapet code jquery autocomple kayak gini...

Code:

<script type="text/javascript">
$().ready(function() {
    var city = ['Banda Aceh', 'Medan', 'Padang', 'Pekanbaru', 'Jambi', 'Palembang', 'Bengkulu', 'Bandar Lampung', 'Pangkal Pinang', 'Tanjung Pinang', 'Jakarta', 'Yogyakarta', 'Bandung', 'Semarang', 'Surabaya', 'Serang', 'Denpasar', 'Kupang', 'Mataram', 'Pontianak', 'Palangkaraya', 'Banjarmasin', 'Samarinda', 'Manado', 'Palu', 'Makasar', 'Kendari', 'Mamuju', 'Gorontalo', 'Ambon', 'Ternate', 'Jayapura', 'Manokwari'];
    $("#city_search").autocomplete(city, {
        minChars: 0,
        max: 10,
        autoFill: true,
        mustMatch: true,
        matchContains: false,
        scrollHeight: 500,
    });
});
</script>

Nah klo bagian ini saya mau ambil dari database gmana yah? T.T

Code:

'Banda Aceh', 'Medan', 'Padang', 'Pekanbaru', 'Jambi', 'Palembang', 'Bengkulu', 'Bandar Lampung', 'Pangkal Pinang', 'Tanjung Pinang', 'Jakarta', 'Yogyakarta', 'Bandung', 'Semarang', 'Surabaya', 'Serang', 'Denpasar', 'Kupang', 'Mataram', 'Pontianak', 'Palangkaraya', 'Banjarmasin', 'Samarinda', 'Manado', 'Palu', 'Makasar', 'Kendari', 'Mamuju', 'Gorontalo', 'Ambon', 'Ternate', 'Jayapura', 'Manokwari'

Maaf sebelumnya, mohon bantuannya Maaf klo merepotkan...

[kalayana.tantri]

http://www.2big2send.com/shared.php?toke...9c38430567

[wenkhairu]

Pake Jquery UI ya om, mungkin ini bisa membantu

Code:

$("#city_search").autocomplete(city, {
        source: "search.php",
        minChars: 0,
        max: 10,
        autoFill: true,
        mustMatch: true,
        matchContains: false,
        scrollHeight: 500,
        select: function( event, ui ) {
            //prepend hasil query
        }
    });

atau

Code:

$("#city_search").autocomplete(city, {
        source: function(req, res){
                    $.ajax({
                        //fungsi ajax biasa
                        //hasilnya di return
                    });
              },
        minChars: 0,
        max: 10,
        autoFill: true,
        mustMatch: true,
        matchContains: false,
        scrollHeight: 500,
        select: function( event, ui ) {
            //prepend hasil query
        }
    });

untuk method ke search.php pake $_GET atau $_POST

menurut saya pake json lebih gampang om,

[ditatompel]

Maksudnya biar var city nya ambil dari database gt om pake php?

Cobain om..

PHP Code:

<?php
$output = ''; // Buffer untuk kode javascript ke browser
$output .= 'var city = [';
$getCity = mysql_query("SELECT kota FROM table_ygdicari");
while ( $gotCity = mysql_fetch_array($getCity) ) {
    $output .= '\'' . $gotCity['kota'] . '\',';
}
    $output = substr($output, 0, -1); // hilangkan koma terakhir dari array list kota
    $output .= '];'; akhir code array javascript

?>
<script type="text/javascript">
$().ready(function() {
    <?php echo $output; ?>
    $("#city_search").autocomplete(city, {
        minChars: 0,
        max: 10,
        autoFill: true,
        mustMatch: true,
        matchContains: false,
        scrollHeight: 500,
    });
});
</script> 


[Cruz3N]

@kalayana.tantri : Thanks Bro tak cek dulu yo
@wenkhairu: Hohoho, mantep neh... Ane pelajarin dulu yo Iya ane cobain yang UI kayaknya settingannya lebih gampang...
@ditatompel : Nah itu keren jg, asik2 mantep... Mungkin maksud ane jg kayak gitu Ternyata diselipin disini

Code:

$().ready(function() {
    <?php echo $output; ?>

Mata kunang2, wokwokwowkowk... Seger lagi... Thanks all buat bantuannya...

[ditatompel]

Sipp.. Mantab om...
Sebenernya bener yg diomongin om wenkhairu, pake json lebih enak om... jQuery cuma terima respond aja buat disampain ke user...

[chaer.newbie]

wah baru gw mau turun tangan sen, udah solved

[d4y4x]

(09-15-2011 06:01 PM)chaer.newbie Wrote:  wah baru gw mau turun tangan sen, udah solved

[Cruz3N]

Tau tuh si sempak chaer gak jelas jawabannya T.T...

[d4y4x]

(09-18-2011 05:40 AM)Cruz3N Wrote:  Tau tuh si sempak chaer gak jelas jawabannya T.T...

cie..cie.. digituin aja ngambek... nanti gak dikasih jatah loh...

biar gak OOT, mau nanya neh.. jquery ui katanya bikin lemot ya?? bener gak? baru mau nyobain jquery neh.. mohon bimbingannya... btw, untuk autocomplete bisa pake yang ini gak om?? newbie butuh bimbingannya neh... jquery autocomplete