Tolong pilih kategori sesuai, jenis posting (diskusi atau bukan) dan sertakan tag/topik yang sesuai seperti komputer, java, php, mysql, dll. Promosi atau posting tidak pada tempatnya akan kami hapus!
Mastah, numpang bertanya,
Adakah yang punya tutorial buat event next n previous pake jquery pada inputan...
Jadi misal, di inputbox(php) kita klik next/previous di keyboard value nya berubah ke data selanjutnya/sebelumnya sesuai database, tapi via keyboard, tanpa ada tombol/button next dan previous..
Terima Kasih Sebelumnya mastah2...
Comments
jquery kan punya .keydown()
tempelkan saja di <body>
ditempel di element juga boleh, asal saat buka halaman elo set focus ke element itu
atau tempel link tutorialnya aj disini biar mastah labalaba gak repot2..
https://api.jquery.com/keydown/
simpan aja jadi file html, terserah namanya apa
coba langsung buka pake browser
event keydown nya gw lekatkan ke document
hati-hati nge-trap keyboard
lekatkan di halaman yg membutuhkan saja
soalnya bisa mengganggu behaviour navigasi browser
tombol panah kiri-kanan-atas-bawah kan dipake buat scrolling browser
ya itu yg elo pindah jadi isi tombol kiri kanan nya
gw kan pake arr buat contoh gampang bikin javascript ganti-ganti isi field
bukan harus kaya gitu yg elo pake
maksud saya itu, data ali budi amir dll nya itu ngambil dari database, misal di difield namapegawai, naah saya gak paham nge while data itu di dalem jquerynya om labalaba buat gantiin data ali budi amir yang masih manual..
maksud elo tombol kiri kanan nya bukan buat paging ? <~~ asumsi gw elo mau bikin ini
hanya buat ganti isi field / form dgn isi array / array of object yg sudah elo load sebelum nya ?
kalo buat paging,
biarpun ndak ada tombol next / prev nya
fungsi yg seharusnya ada buat next / prev itu tetep ada,
tapi jadi dilekatkan ke tombol keyboard kiri / kanan
tapi kalo niat elo cuma mau buat menampilkan isi array / array of object yg sudah elo load sebelumnya
ya kira-kira alurnya memang kaya contoh yg gw tunjukin
cuma isi datanya aja om,
maksud saya yang ini..
diganti/ngerubah sourcenya dari database gimana, misal field tabelnya itu namapegawai,
jadi gak manual di ketik ali budi amir gtu om..
atau elo bisa pake ajax buat load datanya
response nya pake aja json
tadi saya cuma gaktau, apakah ada syarat khusus yang harus diubah ketika meng query di js itu.. kan gak seperti di html soalnya, jdi saya kurang paham..
nanti saya coba dulu, saya blm dirumah soalnya.. nanti saya tanya lagi yaa kalo gak keberatan kalo salah meng query datanya di js itu..
itu kan yg gw tunjukin cuma array 1 dimensi
bisa dibilang isinya hanya untuk 1 field per tampilan
kalo elo mau bikin buat banyak field (1 form) ...
ya array nya mesti - minimal - array 2 dimensi
atau kalo pun tetep pake array 1 dimensi, mesti ada proses split
terserah elo, kreativitas elo sendiri
jadi kan case kmrn udh bisa, trs saya gabungin sama js lain malah tabrakan kayanya fungsinya, saya gak paham gabunginnya.
case kemarin kan, kalo di next/prev pake keyboard langsung mncul datanya (kodeagen), naah saya gabungin biar ketika kodeagen terisi data namaagen alamat dll itu change otomatis muncul om, auto isi gitu, atau ketika diketik kode agennya terus di enter jadi auto isi, tapi jadi gak running semua, tapi kalo saya pake salah satu baru bisa..
mohon pencerahannya...
sayang resource memori nya sudah terlanjur nge-load jquery di client
sekalian aja ...
yg kaya begini
document.getElementById("kodeagen").value = "";
document.getElementById('kodeagen').disabled = false;
document.getElementById("kodeagen").focus();
document.getElementById("kodeagen").id="kodeagen2";
langsung aja pake jquery juga
$("#kodeagen").val("");
$("#kodeagen").prop("disabled",false);
$("#kodeagen").focus();
$("#kodeagen").prop("id","kodeagen2"); <~~ cuma ini bikin bingung ...
itu logikanya gimana ?
pertama ambil element dgn "id" = "kodeagen" ... ok, anggap dapat element nya
trus "id" nya di ubah jadi "kodeagen2" ?
serius itu yg elo mau ?
refresh() itu dipanggil saat apa to ?
kalo "id" beneran berubah, trus ini :
var kodeagentampil = $('#kodeagen').val();
ambil value nya "id" yg mana ?
"id" nya jangan2 sudah jadi "kodeagen2"
id "kodeagen2" cuma bakal balik jadi "kodeagen" kalo cursor elo fokus ke isian dan setelah elo menekan tombol <enter>
ttg yg onchange ...
daripada bikin onchange, napa ndak digabung saja ama onkeydown nya
elo kan bisa bikin if() setelah switch() lakukan apa yg mau elo buat di onchange di dalam if()
trs di dalem switchswitch(event.keyCode) dibuat apa om ?
baris kode di atas gak penting sih, saya pake cuma buat ngakalin biar bisa onchange n keyup enternya jdi saya ubah id kodeagennya jadi kodeagen2.. wkwkwkwk.. tapi gagal juga..
intinya sih om saya mau gabungin jquery yang itu doang biar bisa
1. Ketika di next n prev pake keyboard kode agennya muncul n otomatis autofill data nama, alamat dll,
2. Terus kalo disearch misal diketik kode agen 12345 terus enter data nama, alamat dllnya juga auto ke isi gtu om..
cuma blm paham ilmunya, makanya ditanyakan..
gw nunjukin struktur nya
supaya elo tau isi onchange nya harusnya ada di mana
jadi onchange nya bisa elo hapus
tapi fungsi yg elo niatkan di dalam nya tetep jalan dgn event yg bener
kan elo tekan tombol kiri kanan juga langsung load data ajax
onchangenya saya ganti keypress, pake enter,
iyaa om, jadi digabungin sama kaya search gtu, jadi
1. kalo geser kiri kanan langsung load trs otomatis ke isi textbox nama, alamat dll,
2. kalo di input manual ketik 12345 trs enter, datanya ke load juga trs otomatis ke isi textbox nama dll. pake itu backspacenya/delete gak jalan, jadi gakbisa input manual.
tadi saya ubah pake struktur yg om kasih gak jalan dua2nya jadinya
*Maap berantakan
kiri, kanan, atas, bawah, esc, enter pake onkeyup semua
di switch nya, tambahkan utk enter (13)
isinya buat load data ajax
array inkeys tetep dipake, tambahkan 13 juga di situ
if nya inkeys juga dipake
ini : $("#kodeagen").val(arr[idx]);
yg masuk ke dalam if nya inkeys
artinya, update isian field HANYA JIKA elo menekan tombol tertentu (kiri, kanan, atas, bawah, esc, enter)
selain itu ndak ada proses update isi field
jadi tombol lain bisa berfungsi
termasuk backspace yg ndak jalan yg elo keluhkan
elo bisa edit isinya field
dan saat tekan enter (13), baru elo load ulang data baru via ajax