Masih ingat dengan artikel Mengaktifkan TextBox Saat Radio Button Terpilih di Aplikasi Web dari PHPMaker? Artikel itu membahas bagaimana mudahnya Web Developer menerapkan business-logic di sisi browser. Contohnya, kita dapat mengaktifkan atau menonaktifkan control TextBox berdasarkan nilai yang terpilih di control Radio Button.
Di artikel berikut ini kita akan membahas contoh yang sama dengan yang terdapat di artikel tersebut. Tapi, kali ini kita akan menampilkan atau menyembunyikan control TextBox daripada mengaktifkan atau menonaktifkannya. Oleh karena itu, pastikan tipe control field AndaMhs sudah menggunakan tipe Radio Button melalui menu: Fields setup -> Edit Tag pada project PHPMaker yang bertalian.
Sedangkan untuk kode yang sebelumnya terdapat pada bagian Startup Script yang masing-masing berada di bawah lokasi Client Scripts -> Table-Specific -> Add/Copy Page -> Startup Script dan Client Scripts -> Table-Specific -> Edit Page -> Startup Script (jika ada), silahkan diganti masing-masing menjadi seperti yang di bawah ini:
$(document).ready(function() {
// Kondisi saat Form di-load
if($('input[name=x_AndaMhs]:radio:checked').val()=="Y"){
$('#r_NamaMhs').show();
} else {
$('#r_NamaMhs').hide();
}
// Kondisi saat Radio Button diklik
$('input[name=x_AndaMhs]:radio').click(function(){
if($(this).attr("value")=="N"){
$('#x_NamaMhs').val('');
$('#r_NamaMhs').hide();
} else {
$('#r_NamaMhs').show();
$('#x_NamaMhs').focus();
}
});
});
PHPMaker akan menambahkan id untuk setiap baris record dengan menggunakan awalan (prefix) r_ yang diikuti dengan nama Field yang bertalian. Dalam contoh kode tadi, maka untuk menyembunyikan control Label beserta TextBox untuk field NamaMhs, maka kita menggunakan nama r_NamaMhs.
Uhuuuuyyy… betapa mudahnya membangun Aplikasi Web dengan menggunakan PHPMaker! 🙂
Mau tanya Startup Script nya dimana itu berada yah , kok tidak ada dibagian add/copy nya
trimakasi…
Pastikan terlebih dulu klik salah satu tabel yang diinginkan dari panel Database di sebelah kiri, lalu klik di panel kanan tab yang bernama Code (Server Events, Client Scripts and Custom Templates), kemudian browse ke lokasi ini: Client Scripts -> Table-Specific -> Add/Copy Page -> Startup Script.
script nya sudah saya coba dan bisa cuma ini ada sedikit masalah
kan saya buat 2 radio button nah satu ya (value nya “Y” )satu tidak (valuenya “N”)
pas saya klik ya atau tidak tetap keluar field yang di hide tadi
gimana cara nya agar kalau di klik Y kemudian keluar field nya klo tidak field nya akan hilang.
script saya:
// Write your table-specific startup script here // document.write("page loaded"); $(document).ready(function() { // Kondisi saat Form di-load if($('input[name=x_soal3]:radio:checked').val()=="Y"){ $('#r_soal4').show(); } else { $('#r_soal4').hide(); } // Kondisi saat Radio Button diklik $('input[name=x_soal3]:radio').click(function(){ if (!$(this).is(':checked')) { $('#x_soal4').val(''); $('#r_soal4').hide(); } else { $('#r_soal4').show(); $('#x_soal4').focus(); } }); });terima kasih
Biasanya hal ini terjadi karena file english.xml atau .xml bahasa lainnya untuk menampilkan teks dalam bahasa tertentu belum di-generate atau belum di-upload ke web server.
Pastikan Anda sudah men-generate semua file script, termasuk yang terdapat di bagian Other files pada jendela dialog Generate.
Setelah saya cek, ternyata Anda benar. Ada satu baris kode yang salah.
Ganti:
if (!$(this).is(':checked')) {menjadi:
if($(this).attr("value")=="N"){Terima kasih sudah mengingatkan. 🙂
dah bisa mas terima kasih
oh iya mau tanya sekalian .
saya punya tabel mahasiswa dengan field (id, NIS, nama, alamat,)
kemudian saya punya 2 menu tapi dalam 1table . 1 menu menampilkan nis dan nama menu ke 2 menampilkan semua gimana mas caranya
Buat terlebih dulu dua View di dalam database dengan field-field yang diinginkan. Selanjutnya gunakan kedua View tadi untuk kedua menu tersebut.
mas sinaga mau tanya lagi nih… 😀
saya punya masalah gini :
ada beberapa pilihan check box dan salah satu check box nya adalah other dimana harus di isi manual gimn mas caranya biar bisa kayak begitu
terimakasih …
Itu kan sama dengan kode yang terdapat di artikel: Menampilkan TextBox Saat CheckBox Tercentang di Aplikasi Web dari PHPMaker.
saya coba pakai versi 2017 kok ga bisa Focus ke NamaMhs ya … ?
untuk Text Muncul dan hilang nya sudah bisa, cuma ketika di Klik Radio ‘AndaMhs’ tidak bisa Focus ke Text ‘NamaMhs’
apakah ada perubahan kode disini : $(‘#x_NamaMhs’) ??
ooh, yg ini sudah bisa Bang Masino.
saya coba bongkar Script File nya ternyata harus ditambahkan ini : $(‘#sv_x_NamaMhs’).
Terimakasih.
Sama-sama.