Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Permasalahan sifat default pada tag a
jadi gini ane lagi buat aplikasi. nah intinya mau nampilin data dari mysql pake modal box. Menurut tutorial yang ada disekolah koding kita kasih "#" pada properti hrefnya terus di javascript kita kasih return false. nah yang jadi masalah ane mau ngirim id melalui url nanti id itu digunakan untuk nampilin data pake mysql. dan sebenernya ga ada masalah kodenya jalan cuman modal boxnya hanya berjalan beberapa detik. nah temen-temen mungkin ada yang pernah ngalamin dan punya solusinya.
10 Jawaban:
jangan dikasih "#" gan klo mau ngirim data..
jadi gini saya kan mau ngirim data contoh kaya gini jadi pengen melakukan query sesuai dengan id yang dilik oleh user nah masalahnya mau nampilinnya pake "modal box" pada halaman itu juga dan gimana caranya si modal box nya yang cuma berjalan selama beberapa detik supaya engga gitu. berjalan dengan baik.
Modal boxnya bootstrap bukan?
... html modalboxnya ...
<?php if (isset($_GET['id'])): ?>
<script>$('#idmodalboxnya').modal('show')</script>
<?php endif; ?>
bukan ini pake pure javascript ini deh scriptnya
<a href="?NISN=<?= $data['NISN']; ?>" onclick="detail()">Lihat Detail</a>
<div id="modal">
<h2>DATA ANGGOTA PERPUS</h2>
<span id="close" onclick="close_modal()">×</span>
<div class="clear"></div>
<div id="data">
NISN : <?= $hasil_view[0]; ?><br>
Nama : <br>
Kelas : <br>
L/P : <br>
Agama : <br>
Phone : <br>
Email : <br>
</div>
</div>
//jsnya
<script>
function detail(){
var modal = document.getElementById('modal');
modal.style.display = 'block';
document.body.style.backgroundColor = 'rgba(0,0,0,0.8)';
return false;
}
</script>
Jawaban Terpilih
gini mungkin gan. onclick-nya ilangin. tambahin php di dalam <script> yg logikanya seperti yg sy berikan sebelumnya;
<a href="?NISN=<?= $data['NISN']; ?>">Lihat Detail</a>
<div id="modal">
<h2>DATA ANGGOTA PERPUS</h2>
<span id="close" onclick="close_modal()">×</span>
<div class="clear"></div>
<div id="data">
NISN : <?= $hasil_view[0]; ?><br>
Nama : <br>
Kelas : <br>
L/P : <br>
Agama : <br>
Phone : <br>
Email : <br>
</div>
</div>
//jsnya
<script>
function detail(){
var modal = document.getElementById('modal');
modal.style.display = 'block';
document.body.style.backgroundColor = 'rgba(0,0,0,0.8)';
return false;
}
<?php if (isset($_GET['NISN'])): ?>
detail();
<?php endif; ?>
</script>
wah thank gan berhasil. tapi apa ga ada cara lain yang lebih clean dan efisien kalo gini mah kaya spageti code gitu. tapi kalo make framework gimana gan misal jquery apa masalah ini bakal gini juga.
iya gan kalau sy utk kasus yg sama, pakai jquery-ajax pertama sy buat api dulu utk nanganin data NISN itu lalu yg umpan variable NISN itu sy panggil melalui ajax $.get setelah itu api ngasih nilai balik berupa JSON baru deh data JSON itu sy tampilkan dengan modal dialog
cuma cara diatas juga OK kok. kalau mw lebih clean ya dirapihkan saja gan code-nya. yg penting kan masih readable gan
iya sih cuma saya juga lagi latihan menjadi programmer yang lebih baik. ningkatin kualitas kode kita.
style codingnya ikutin yg umum gan, yg banyak dipakai, yg standard dipakai di dunia. https://google.github.io/styleguide/javascriptguide.xml