[ASK] Alphabetic Sort Menu


Status
Not open for further replies.
zongvoc

zongvoc

Beginner 2.0
Permisi Tuan, numpang tanya lagi. saya mau buat sepertini ilustrasinya:

outputnya: kondisi A di klik

Code: 
[B]A[/B] B C D E F ---- sampai Z

Ada apa dengan mu
Anggelina Sondak
Apel malang

jadi dia akan muncul sesuai dengan huruf yg diklik... Kalo B yg diklik maka yg ditampilin daftar urutan dari database yg huruf awalnya B. begitu seterusnya.

kira2 pake apa yah Tuan?

saya sih udah buat simulasi kecilnya pake Sajax cuman saya bingung nampilin ke output HTML nya. Barang kali ada Tuan2 yg berkenan membantu. thx....
 
vkios01

vkios01

Expert 1.0
zongvoc said:
Permisi Tuan, numpang tanya lagi. saya mau buat sepertini ilustrasinya:

outputnya: kondisi A di klik

Code: 
[B]A[/B] B C D E F ---- sampai Z

Ada apa dengan mu
Anggelina Sondak
Apel malang

jadi dia akan muncul sesuai dengan huruf yg diklik... Kalo B yg diklik maka yg ditampilin daftar urutan dari database yg huruf awalnya B. begitu seterusnya.

kira2 pake apa yah Tuan?

saya sih udah buat simulasi kecilnya pake Sajax cuman saya bingung nampilin ke output HTML nya. Barang kali ada Tuan2 yg berkenan membantu. thx....
Click to expand...

coba pakai jquery ajax, jadi setiap ada event click di list abjad.. nanti tinggal memanggil fungsi algoritmanya dari ajax.

misal contoh scriptnya: z.kr3m.biz/ZsOcc0R

coba lihat contoh diatas, itu tinggal buat algoritma.php untuk eksekusi algortima.php?abjad=x
lalu tampilkan langsung hasilnya.
 
zongvoc

zongvoc

Beginner 2.0
Lanjutan 1

zongvoc said:
Permisi Tuan, numpang tanya lagi. saya mau buat sepertini ilustrasinya:

outputnya: kondisi A di klik

Code: 
[B]A[/B] B C D E F ---- sampai Z

Ada apa dengan mu
Anggelina Sondak
Apel malang

jadi dia akan muncul sesuai dengan huruf yg diklik... Kalo B yg diklik maka yg ditampilin daftar urutan dari database yg huruf awalnya B. begitu seterusnya.

kira2 pake apa yah Tuan?

saya sih udah buat simulasi kecilnya pake Sajax cuman saya bingung nampilin ke output HTML nya. Barang kali ada Tuan2 yg berkenan membantu. thx....
Click to expand...

contoh websitenya seperti ini Tuan:

http://www.idiomsite.com/
 
zongvoc

zongvoc

Beginner 2.0
vkios01 said:
coba pakai jquery ajax, jadi setiap ada event click di list abjad.. nanti tinggal memanggil fungsi algoritmanya dari ajax.

misal contoh scriptnya: z.kr3m.biz/ZsOcc0R

coba lihat contoh diatas, itu tinggal buat algoritma.php untuk eksekusi algortima.php?abjad=x
lalu tampilkan langsung hasilnya.
Click to expand...

wah saya bingung Tuan... ada contoh yg udah jadi ga Tuan... kalo ada sangat membantu..
 
zongvoc

zongvoc

Beginner 2.0
$ is not defined, saya udha coba nie Tuan...
dah saya link ke jquery juga ....

<html>
<head>
<link rel="javascript" type="text/javascript" href="js/jquery-ui-1.7.3.custom.min.js">
<link rel="javascript" type="text/javascript" href="js/jquery-1.3.2.min.js">
<style type="text/css">
#klik li{display:inline; padding-left:5px; cursor:pointer;}
</style>
<script>

$("#klik li").click(function(){
var abjad = $(this).text();
alert(abjad);
$.ajax({
type: "POST",
url: 'algoritma.php',
data: 'abjad='+abjad,
success: function(html) {
$("#hasil").text("tampilkan data huruf : "+abjad+"<br />"+html);
}
});

});
</script>
</head>
<body>
<ul id="klik">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>Z</li>
</ul>
<div id="hasil"></div>
</body>
</html>
Click to expand...

mohon dikoreksi Tuan...
 
vkios01

vkios01

Expert 1.0
zongvoc said:
contoh websitenya seperti ini Tuan:

http://www.idiomsite.com/
Click to expand...

owww :D terlalu ke atas saya mikirnya, jadi semua sudah ada di satu halaman ya

ini jadinya : z.kr3m.biz/ONsIDS8

yang kolom kanan bawah itu hasilnya dalam html coba di klik saja abjadnya, sebenarnya ini bisa basic banget pakai anchor (kaku/kuno menurut saya), namun di sini saya pakai animasi biar agak smooth sedikit gerakannya.

yang harus disiapkan:
file jquery.js
 
zongvoc

zongvoc

Beginner 2.0
vkios01 said:
owww :D terlalu ke atas saya mikirnya, jadi semua sudah ada di satu halaman ya

ini jadinya : z.kr3m.biz/ONsIDS8

yang kolom kanan bawah itu hasilnya dalam html coba di klik saja abjadnya, sebenarnya ini bisa basic banget pakai anchor (kaku/kuno menurut saya), namun di sini saya pakai animasi biar agak smooth sedikit gerakannya.

yang harus disiapkan:
file jquery.js
Click to expand...

Bener contoh yg pertama Tuan.
Jadi saya mw munculin data di database sesuai dengan nilai yg dikirim.
 
vkios01

vkios01

Expert 1.0
zongvoc said:
hadeh, $definednya udah ilang tapi asih lom bisa lempar nilai.
gmn ney Tuan cara merangkai kodingan contoh yg pertama, saya nubi banget pake jquery. :hail:
Click to expand...

sudah dicontohin secara online? boleh share linknya? nanti saya lihat apa yang kurang.
lalu file algoritma.php sudah dibuat? sudah ngerti kan alur buat script phpnya om?

coba pakai jquery yang terbaru saja, setahu saya belum support $.ajax kalau versi 1.3.2
 
Status
Not open for further replies.

Top