Bismillahirrahmanirrahiim
Crud (Create, Read, Update, dan Delete) adalah kebutuhan sebuah aplikasi web yang dinamis untuk mengolah data, dengan membuat crud menggunakan modal bootstrap akan memperindah tampilan halaman CRUD dan memberikan UX yang lebih user friendly, disini saya akan membahas bagaimana cara membuat CRUD Dengan Modal Bootstrap yang mungkin menjadi kebutuhan dan solusi dari permasalahan yang sobat hadapi, oke langsung saja ….
Sebelum kita memulai saya akan memberikan screen dari popup edit data menggunakan modal bootstrap, seperti gambar dibawah ini.
Tampilan diatas lebih menarik bukan?, dibandingkan kita mengedit data dengan tampilan standart.
Langkah Pertama
Dowload bootstrap disini , dan download jquery disini
Langkah Kedua
Extract file bootstrap dan jquery yang sobat download kedalam root aplikasi sobat, root aplikasi saya di c:\xampp\htdocs\php7\modal, sesuaikan dengan folder root yang sobat miliki.
Langkah Ketiga
Sobat buat database, database milik saya namanya dbphp7 kalau sobat terserah mau buat apa namanya, dan buat tabel dengan nama modal
CREATE TABLE `modal` ( `modal_id` int(11) NOT NULL AUTO_INCREMENT, `modal_name` varchar(255) DEFAULT NULL, `description` text, `date` timestamp NULL DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP, PRIMARY KEY (`modal_id`) ) ENGINE=InnoDB AUTO_INCREMENT=13 DEFAULT CHARSET=latin1;
Langkah Keempat
Setelah ketiga langka diatas sobat lakukan, ketiklah kode dibawah ini, simpan dengan nama, index.php
<!doctype html> <html lang="en"> <head> <title>Aguzrybudy.com | Crud Menggunakan Modal Bootstrap (popup)</title> <meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport"/> <meta content="Aguzrybudy" name="author"/> <link href="css/bootstrap.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2> Crud PHP 7 Menggunakan Modal Bootstrap (Popup)</h2> <p> Bootstrap Modal (Popup) By Aguzrybudy, Selasa 19 April 2016</p> <p> <a href="#" class="btn btn-success" data-target="#ModalAdd" data-toggle="modal">Add Data</a></p> <table id="mytable" class="table table-bordered"><thead> <th>No</th> <th>Name</th> <th>Description</th> <th>Action</th> </thead> <?php include "koneksi.php"; $no = 0; $modal=mysqli_query($koneksi,"SELECT * FROM modal"); while($r=mysqli_fetch_array($modal)){ $no++; ?> <tr> <td><?php echo $no; ?></td> <td><?php echo $r['modal_name']; ?></td> <td><?php echo $r['description']; ?></td> <td> <a href="#" class='open_modal' id='<?php echo $r['modal_id']; ?>'>Edit</a> <a href="#" onclick="confirm_modal('proses_delete.php?&modal_id=<?php echo $r['modal_id']; ?>');">Delete</a> </td> </tr> <?php } ?> </table> </div> <script type="text/javascript"> $(document).ready(function () { $(".open_modal").click(function(e) { var m = $(this).attr("id"); $.ajax({ url: "modal_edit.php", type: "GET", data : {modal_id: m,}, success: function (ajaxData){ $("#ModalEdit").html(ajaxData); $("#ModalEdit").modal('show',{backdrop: 'true'}); } }); }); }); </script> <script type="text/javascript"> function confirm_modal(delete_url) { $('#modal_delete').modal('show', {backdrop: 'static'}); document.getElementById('delete_link').setAttribute('href' , delete_url); } </script> </body> </html>
Langkah Kelima
Buat file dengan nama modal_edit.php :
<?php include "koneksi.php"; $modal_id=$_GET['modal_id']; $modal=mysqli_query($koneksi,"SELECT * FROM modal WHERE modal_id='$modal_id'"); while($r=mysqli_fetch_array($modal)){ ?>
Langkah Keenam
Buat koneksi dabatase mysqli, simpan dengan nama koneksi.php
<?php $host="localhost"; $user="root"; $pass=""; $database="dbphp7"; $koneksi=new mysqli($host,$user,$pass,$database); if (mysqli_connect_errno()) { trigger_error('Koneksi ke database gagal: ' . mysqli_connect_error(), E_USER_ERROR); } ?>
Langkah Ketujuh
Buat proses simpan data dengan nama proses_save.php
<?php include "koneksi.php"; $modal_name = $_POST['modal_name']; $description = $_POST['description']; mysqli_query($koneksi,"INSERT INTO modal (modal_name,description) VALUES ('$modal_name','$description')"); header('location:index.php'); ?>
Langkah Kedelapan
Buat proses edit data dengan nama proses_edit.php
<?php include "koneksi.php"; $modal_id=$_POST['modal_id']; $modal_name = $_POST['modal_name']; $description = $_POST['description']; $modal=mysqli_query($koneksi,"UPDATE modal SET modal_name = '$modal_name',description = '$description' WHERE modal_id = '$modal_id'"); header('location:index.php'); ?>
Langkah Kesembilan
Buat proses delete data dengan nama proses_delete.php
<?php include "koneksi.php"; $modal_id=$_GET['modal_id']; $modal=mysqli_query($koneksi,"Delete FROM modal WHERE modal_id='$modal_id'"); header('location:index.php'); ?>
Langkah Kesepuluh
Silahkan sobat test program yang sobat buat, jika berhasil maka indexnya akan muncul seperti gambar dibawah ini .
Add Data
Edit Data
Delete Data
NB : Sobat harus download code dari link yang sudah saya siapkan dibawah ini, karena kode diatas tidak lengkap.
Code diatas saya tulis menggunakan PHP 7.
sampai disini dulu tutorial dari saya , Semoga tutorial ini bermanfaat bagi sobat, atas segala kekuranganya mohon dimaafkan dan di beri saran untuk file PDF -NYA download disini dan jika sobat ingin code dari aplikasi diatas download dari link dibawah ini.
Untuk PHP 7
Untuk PHP 5
Untuk Datatables
179 Comments
Bikin tutorial CRUD ajax nya pakai insert gambar juga pakai CKEDITOR dong master, biar gak mainstrem..
ReplyDeleteBeres tunggu aja mas.... masih banyak tutorial menarik lainnya yang akan saya bagikan
DeleteMas bisa kirim ke email sy gak ya. sya download tapi gak bisa2. thx mas
Deletemohamad.yusuf251014@gmail.com
Cek e-mail mas dah saya kirim
Deletebelum ada email masuk mas. coba cek lagi email sy. takut salah, hehe
Deletemohamad.yusuf251014@gmail.com
Email salah mas
Deleteemail siapa yg salah mas? itu email sy sudah benar mas, tapi kok belum ada email masuk dari mas nya ya , hehe.
DeleteCrud (Create, Read, Update, Delete) Data Menggunakan Modal Bootstrap (Popup) Dan Ajax Di Php 7 >>>>> Download Now
Delete>>>>> Download Full
Crud (Create, Read, Update, Delete) Data Menggunakan Modal Bootstrap (Popup) Dan Ajax Di Php 7 >>>>> Download LINK
>>>>> Download Now
Crud (Create, Read, Update, Delete) Data Menggunakan Modal Bootstrap (Popup) Dan Ajax Di Php 7 >>>>> Download Full
>>>>> Download LINK tP
password zip..please :D
ReplyDeletekok formatnya exe gan ? kedetek virus pula ;-(
ReplyDeletegak exe mas downloadnya dari link yanda ada dibawah bacaanya direct download link bukan download yang diatas mas [-(
Deleteiya gan link donlod yang di atas ga bisa di klik masa ;-( bole minta tolong reuplod di hosting yang lain mas. hehe buat belajar nih saya :P atau mungkin bisa di kirim via email mas,, terima kasih banyak mas agus sebelumnya :D
Deletemana emailnya mas :>)
Deletemas kalo php 4 atau php jalan ga mas?
ReplyDeletejalan mas .... tinggal ganti koneksi ... sama querynya aja mass .....
ReplyDeletemas saya rubah jadi menggunakan data tabel tpi bagian edit dan delete nya jadi tidak berfungsi. mohon bantuannya
ReplyDeleteoke mas, emang gimana kode yang mas buat kok gak jalan? :-?
Deletewah sama nih.. pas klik bagian " EDIT " Gak jalan.. ane cuman ngambil bagian edit nya aja.
DeleteGimsns ysh doludinys ? makasih
btw ini code nae. salah dimana yah ?
tolong bantu min. ini kode nya :
http://pastebin.com/p7t80x9r
wah sama nih.. pas klik bagian " EDIT " Gak jalan.. ane cuman ngambil bagian edit nya aja.
DeleteGimsns ysh doludinys ? makasih
btw ini code nae. salah dimana yah ?
tolong bantu min. ini kode nya :
http://pastebin.com/p7t80x9r
maaf mas baru di bales, mas saya boleh minta kode lengkapnya gak mas, bisa kirim kodenya kesini mas aguzrybudy@ymail.com, biar saya benerin ntar saya kirim balek ke mas.
Delete#kalau mas gak keberatan.
Mas, Mau tanyaa..
ReplyDeletekalo cuma mau nampilin detail nya aja gimana yaa??
ReplyDeletekalo cuma mau nampilin detail nya aja gimana yaa??
ReplyDeleteMas, Mau tanyaa..
ReplyDeletetanyak apa mas, tanyak aja?
Deletemas boleh minta bantuan gak saya masih gak bisa edit modalnya
ReplyDeleteBoleh, apa yang bisa saya bantu mas?
ReplyDeletekak kok di dalam zip gak ada psswd nya yah?
ReplyDeletekak kok di dalam zipnya gak ada psswd nya yah?
ReplyDeletekalau gak ada passwordnya massukkan aja ini passwordnya aguzrybudy.blogspot.co.id
Deletemas kalau saya mau buat ngaktifin edit pake link edit.php bisa gak mas
ReplyDeletemantaps gan thanks
ReplyDelete:))
Deletemodal tambah + modal deletenya bisa keluar mas.
ReplyDeletetp modal editnya gak bisa keluar, itu gmna ya mas ?
mhon bantuannya
coba perikas id pemanggilan modalnya mas, atau kalau mas mau perlihatkan kodenya ma di kotak koment.
Deletekalau versi PHP nya PHP 5.4 bisa nggak ya mas? sudah saya coba kok nggak bisa, :D
ReplyDeleteBisa mas, nanti linknya saya kirim ke email emas kalau sudah saya buat untuk php versi 5.4 :)
DeleteAssalamualaikum :) Edit nya kok gabisa yaaa? error nya : Notice: Undefined index: id_siswa in C:\xampp\htdocs\modal\modal_edit.php on line 8 mohon bantu saya, terimakasih :)
ReplyDeleteGajadi deh udah bisa hehe :D makasih banyak yaaaaa hihi
DeleteBaguslah kalau gitu siti :)
Deletesalam kenal
ReplyDeletemenurut mas bagaimana klo edit datanya menggunakan 2 kondisi. misalnya modal_id dan tanggal.
saya coba dgn modal_id sdh bisa tampil data dan mengeditnya dan menyimpannya. lalu saya ingin di < href="#"> ada 2 kondisi yaitu id= dan tgl=..terima kasih atas solusinya
iya salam kenal kembali,
Deletesebelumnya saya minta maaf mas, kalau menggunakan dua kondisi saya belum tau mas karena id hanya bisa satu kali dipakek mas, gak bisa dua kali, nanti kalau saya sudah ketemu caranya saya bakalan kasih mas, terimakasih mas sudah berkomentar
ok sama2..terima kasih share ilmunya
Delete@mas Agus Ribudi: ditagih request nya Agus Aulia K yg menggunakan CKEDITOR ya.
Delete@Dody H: urun rembug aja, untuk edit data dgn 2 kondisi bisa ditambahkan variabel nya spt ini:
Delete...
var m = $(this).attr("id");
var t = $(this).attr("tgl");
$.ajax({
url: "modal_edit.php",
type: "GET",
data : {modal_id: m, tanggal: t,},
..dst
dan nilai variabel tgl disertakan di link edit nya:
id='' tgl=''
asumsi: $r['tgl']; --> pastikan di tabelnya ada field tgl
monggo dikoreksi kalau ada kesalahan. Maklum newbie.
Oke mas, saya akan posting pada postingan selanjutnya, full crud menggunakan ckeditor di php 7, thanks.
Deletekeren mas komennya Dayat's Blog:)
ya mas agus kalau 2 kondisi bagaimana ya :)
DeleteThis comment has been removed by the author.
Deleteoh sudah bisa mas hehehe,
Deleteuntuk 2 kondisi atau lebih saya gunakan saran mas dayat,
thx mas agus n mas dayat,
oiya mas agus kalau ada lanjutan tutor bab crud ini mungkin bisa ditambahkan tutor search, paging dan printnya :D
mas kalau function update tidak muncul itu dikarenakan apa nya ya?
ReplyDeletequery di file modal_edit mempengaruhi gag soalnya saya udah mirip seperti coding mas hanya saya ubah query dan form edit di file modal_edit saya tambahin query untuk tampilkan jabatan berupa list view dan jenis kelamin berupa check box?
mohon pencerahannya mas baru belajar modal.
maaf mas udah clear ternyata id nya salah
Deleteterimakasih
mas, kok setelah edit dan konfirmasi halaman tidak mau redirect ya ?
ReplyDeletedatanya berhasil diupdate, namun harus refresh manual agar data baru tsb muncuk di browser
editnya gak berhasil tapi gk ada eror cuman gk mau ganti , tapi delete berhasil knp yah
ReplyDeleteIngin beruntung seperti temen-temen kamu?
ReplyDeleteLangsung saja kamu mendaftar di AsliBandar dan rasakan permainan yang akan membuat hidupmu berwarna.
Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.
Ingin beruntung seperti temen-temen kamu?
Langsung saja kamu mendaftar di www.AsliBandar.net dan rasakan permainan yang akan membuat hidupmu berwarna.
Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.
Untuk Info lebih lanjut silahkan menghubungi kami melalui :
Pin BB : 2B3C34F4
YM : Aslibandar_CS
Skype : AsliBandar
Telp : +855882388666
FB : AsliBandar
gan, kenapa gak bisa didownload. Mohon bantuannya ...
ReplyDeleteMaaf gan linknya ternyata salah, sudah saya perbaiki jika ada masalah lagi silahkan tanya kembali, thanks.
Deletegan, gk bisa download kok ya..
Deletekalau susah downloadnya dari sana, agan bisa kasih email agan ke saya biar saya kirim kodenya
Deleteini gan, ikbal569@gmail.com, terimakasih sebelumnya gan...
DeleteCek Email gan sudah saya kirim
DeleteGAN, ANE proses updatenya kok g bisa ya:D mohon bantuannya.
ReplyDeleteKode yang agan gunakan gimana?, biar coba dibantu cek
DeleteGan saya tidak bisa download ? bisakah dikirim file diatas via email saya :D newbiebandit@gmail.com
ReplyDeleteCek email gan, dah saya kirim
Deletelink adfly nya tidak bisa mas. jika berkenan, mohon kirim ke email widodo024@gmail.com
ReplyDeletetrims ;)
cek email mas, dah saya kirim
Deleteedit dan delete gak bisa tolong bantuannya
ReplyDeleteyang mas buat codenya gimana mas, bisa kasih lihat?
Deletemas bisa kirim ke email saya buat refrensi .
ReplyDeletediditramadhan77@gmail.com
mas bisa kirim ke email saya buat refrensi .
ReplyDeletediditramadhan77@gmail.com
cek email mas dah saya kirim
DeleteMas link nya bisa dibuka tapi adf ly nya ga jalan, saya ingin melihat yang PHP5 mas.
ReplyDeleteBisa kirimkan ke noval.ahda@gmail.com
Terimakasih mas
cek email mas dah saya kirim
Deletesaya juga mas
Deletealan.zulfikar1@gmail.com
terima kasih mas tutorialnya sangat membantu ^-^
ReplyDeleteiya mas sama sama
ReplyDeletelink nya nggak bisa dibuka kak, bisa dikirimkan ke email adikomang20@gmail.com terima kasih kak :)
ReplyDeletecek email mas dah saya kirim
Deleteoh iya minta yang versi php5 nya kak sorry ngerepotin ty
Deletebisa kirim ke email saya gak febritriakbar@gmail.com terimakasih bnyak sebelumnya
ReplyDeleteMaaf mas jika tidak keberatan bisa kirim ke email fendraps@gmail.com,
ReplyDeletesoal nya link nya tidak kebuka.
terima kasih.
mas bisa kirim ke email saya :).
ReplyDeletepotecelleng@gmail.com
Untuk semua yang minta code popup modal bootstrap sudah saya kirim ke Email, silahkan di cek
ReplyDeleteLink adfly gak bisa, minta kodenya mas. uptdsurabaya5@gmail.com
ReplyDeletepassword filenya apa yah mas ? kalo boleh minta tolong kirimin codenya ke hadypratamaa4@gmail.com buat belajar soalnya.
ReplyDeleteterimakasih :D
om kirim ke email saya om...
ReplyDeletezkydroid@gmail.com
Cek email mas dah saya kirim
DeleteMas boleh minta script nya mas makasih nya om muhamad.septian91@yahoo.com
Deletesaya sangat berterima kasih kepada mas. saya sudah mencoba diberbagai website tutorial, web mas lah yang paling mudah dimengerti. terima kasih sekali lagi :)
ReplyDeleteSama sama mas, terima kasih kembali karena sudah berkungjung
Deleteoh ya mas, ane kebingungan sekarang.saya sudah mencoba menambahkan datatables pada CRUD diatas, namun permasalahan nya sekarang adalah fungsi edit dan hapus gak berfungsi. ada solusinya?
ReplyDeleteGimana mas kode yang digunakan, bisa ditunjukkan atau kirim ke email saya
Deleteasslamualaikum mas, kok gk bisa dikirim y mas...?
ReplyDeletekalau berkenan kirimkan ke email saya nataheru27@gmail.com
Cek email mas dah saya kirim
Deletemisi mas klo kek gini gmna ngatasinnya ?
ReplyDeleteWarning: mysqli_query() expects parameter 1 to be mysqli, null given in /home/u500370561/public_html/home/adm/modal_edit.php on line 9
Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, null given in /home/u500370561/public_html/home/adm/modal_edit.php on line 10
Mas saya bisa lihat codenya, beserta field database
Deletemas, yang php 5nya kenapa modal editnya kalau ganti nama ga muncul ?
ReplyDeletecontoh :
modal_edit.php saya ganti jadi
modal_edit_mhs.php padahal yg di indexnya semua linknya udah saya ganti
mohon bantuannya mas
terimakasih
Bisa saya lihat kodenya mas
Deletelinknya gabisa tolong kirim ke anony.m79@Yahoo.com
ReplyDeleteCek email mas dah saya kirim
DeleteGan ane mau tanya saat saya di implementasikan menggunakan datatable pas di halaman ke2 tidak tampil modal popupnya lagi gan. Gimana solusinya gan.
ReplyDeleteTerima kasih
Saya akan kasih contohnya untuk implementasi editnya menggunakan data tables, mohon ditunggu mas, nanti kalau dah beres saya buat link donwloadnya
DeleteOk gans
Deleteknp ya halaman ke2 tidak tampil modal popup? apa solusi nya??
Delete., mas, kalo mau kasih adsite, jgn pake adfly. susah kebuka.
ReplyDeletekalau gak kebuka silahkan komen e-mail aja, atau kirim request ke email saya biar saya kirim kodenya
Deletemaaf mau nanya...apakah bisa mengambil data dari datatables untuk ditampilkan di Modal Bootstrap? jadi saya mau menampilkan detail data dari datatables agar tampil di modal bootstrap..
ReplyDeleteBisa mas, diatas sudah ada contoh untuk data table mas, silahkan di download & di coba dulu mas
DeleteMas ga bisa didownload ya filenya? kalo bisa kirim ke email rezarahmatullah@gmail.com
ReplyDeleteterima kasih banyak mas
Cek email mas, dah saya kirim
DeleteEmail salah mas, silahkan kirim email yang benar
Deletemas kirim yg php 5 dong ke email ane : reza.up2u@gmail.com
ReplyDeletemau donlot susah via adfly gak kebuka linknya
thanks
Makasih sebelumnya mas.. sangat membantu sekali.. BTW, password file RAR nya apa ya?
ReplyDeleteterimakasih ilmunya sangat bermanfaat
ReplyDeletekok gagal terus ya donlodnya, link dari adflynya kayaknya ada yg salah deh mas
ReplyDeletebisa tolong kirim ke e-mail akbardawam1992@gmail.com
makasih sebelumnya
Cek email gan, dah saya kirim
Deletedata : {modal_id: m,},
ReplyDeletemas itu keterangannya apa aja bisa di jelasin ngga mas?, terimakasih
lagi belajar ngoding juga ini
modal_id adalah nama variabel yang akan kita kirim ke server, sama halnya dengan nama input text pada form, m adalah nilai yang diambil dari id link Edit
DeleteForm MODALnya kok gak ada?
ReplyDeleteSaya mo download juga gak bisa...
tolong kirim ke bangtejos@yahoo.co.id
Terima kasih.
Cek email mas, dah saya kirim
DeleteGood artikel, saya juga punya artikel menarik mengenai CRUD, silahkan kunjungi
ReplyDeletehttp://kodemedan.blogspot.co.id/2017/06/memahami-serta-membuat-crud-sederhana.html
Terimakasih, oke saya kan lihat.
Deleteerror download. please to me muhammadhafizi1789@gmail.com
ReplyDeleteCek email mas dah saya kirim
Deleteterima kasih mas, sangat membantu.
ReplyDeleteuntuk fitur filter, search, paginantion dan print/export table ada tutorialnya ga mas?
tolong di buat tutorialnya mas untuk fitur" tersebut, akan sangat membantu utk yg lain.
Terimakasih mas sarannya, kalau saya sudah ada waktu luang saya kan buat tutorialnya
Deletepassword .zip nya apa mas ?
ReplyDeletebisa tolong kirim email dwiindri45.rpl@gmail.com
ReplyDeletebisa tolong kirim email dwiindri45rpl@gmail.com
Deletethanks gan di coba dulu
ReplyDeletemakasih mas tutorialnya berguna banget untuk saya, tapi kok untuk bagian edit saya mengalami error mas. jadi waktu saya klik untuk edit tampilan modal editnya tidak muncul. Mohon solusinya mas untuk tugas akhir kuliah..
ReplyDeleteTolong Kirim Ke email synawebsite@gmail.com
ReplyDeleteTerima Kasih
ini reply untuk saya atau buat yg lain?
DeleteUntuk link download dah saya benerin dan file tanpa password
ReplyDeletelink nya nggak bisa dibuka kak. yang link download php 7 dan 5 dan juga database gk bisa dibuka.
ReplyDeleteBisa dikirimkan ke email aribintangx88@gmail.com
terima kasih kak :)
check email mas dah saya kirim, kalau gak ada di email lihat di spam
Deletelinknya tidak bisa dibuka mas,bisa dikirimkan ke email ijoem21@gmail.com
ReplyDeleteklo bisa semua koding ya mas, php 7, php 5 dan datatablesnya
mkasih mas
gan kirim email dong link nya gagal mulu mw di download php 5
ReplyDeleteLink udah saya perbaiki jika masih ada masalah silahkan kirim email ke saya, email saya ada di menu Contact bagian atas blog ini
Deletebisa kirim ke email azmye.13@gmail.com link ya mati ?
ReplyDeletemas sy ada kasus dengan update data menggunakan modal & jquery, pada saat diklik update data existing tidak tampil,yg tampil hanya form inputan.
ReplyDeletebisa tolong di cek salah nya dmn ngga mas?klo boleh sy minta kontak nya mas.makasih.email sy dwi.sukmana@gmail.com
rusak bang link nya
ReplyDeleteMas bisa kirim ke email sy gak ya. sya download tapi gak bisa2. thx mas
ReplyDeleteyantoisc@gmail.com
Mas, nga bisa didownload. tlg dikirim ke email sy pmxarumaha@gmail.com
ReplyDeleteUntuk PHP 7, PHP 5 dan Datatables. Makasih
maaf mas untuk tombol add edit deletnya tidak berfuingsi
ReplyDeletemas bagaimana begitu kita klik tombol confirm, mpdal nya tetap stay/muncul karena kita mau input data lagi, trima kasih
ReplyDeletemas,boleh minta yg versi pake datatables soalnya di linknya yg datatables pas download koq ga ada yg pake datatables di source nya?trims ya sebelumnya
ReplyDeletehttps://www.solidfiles.com/v/RqWNdqLqBryLk
Deletemas buat tutorial dropzone dong + thumbnail di dalam dropzonenya saat mau update gambar nah gambar yang udah di dalam server kita panggil mas
ReplyDeleteterima kasih mas berhasil, tapi saya implementasikan dalam bentuk table data "di paging tiap 10 data" dan yang tampil 3 paging tiap. di paging ke 1 berhasil edit popup modalnya tapi di paging ke 2 dan 3 kok edit popup modalnya ga muncul ya mas ?
ReplyDeleteLihat demo disini mas, http://demo.aguzrybudy.com/modal/datatable.php
ReplyDeleteuntuk datatables gunakan script seperti dibawah ini
$(document).ready(function () {
//Modal with datatable
$('#datatable').on('click', '.open_modal', function(e){
var m = $(this).attr("id");
$.ajax({
url: "modal_edit.php",
type: "GET",
data : {modal_id: m},
success: function (ajaxData){
$("#ModalEdit").html(ajaxData);
$("#ModalEdit").modal('show',{backdrop: 'true'});
}
});
});
//modal delete
function confirm_modal(delete_url)
{
$('#modal_delete').modal('show', {backdrop: 'static'});
document.getElementById('delete_link').setAttribute('href' , delete_url);
}
});
SIP mas , Work :)
ReplyDeletemas..bisa kirim source code.nya di email noviarimukti05@gmail.com
ReplyDeletesudah saya kirim silahkan cek inbox email (o)
Deletesiap min, makasih min
ReplyDeletesolder uap
bagian ubah data nya error gan, bisa minta tolong
ReplyDeleteError gimana emang nya mas?
Deletega lengkap kodingnya, coba bedain sama yang di link DEMO, terus di klik kanan View Page Source, banyak yg ilang, beda, pantes aja ga bisa
ReplyDeleteHilang gimana mas?, kalau hilang download aja codenya mas, sesuai dengan versi phpnya
DeleteLink download nya tidak bisa kebuka dan demo nya juga... Kirimin ke email mas... mhd.hermawan@gmail.com terimakasih mas
ReplyDeleteCek email mas dah saya kirim :))
Deletemantull min
ReplyDeleteSolder uap
Link download php 7 nya eror, apakah boleh kirim ke email saya source codenya mas ? Alamat Email saya : boyramdany97@gmail.com
ReplyDeleteMantap Gan! (h)
ReplyDeleteTerimakasih kak artikelnya sangat bermanfaat. Perkenlakan nama saya Anjani Rachmadita mahasiswa Stmik Atma Luhur Pangkalpinang. Ini website kampus saya https://www.atmaluhur.ac.id. Oh iya saya mau nanya untuk fungsi edit, muncul notifikasi sukses, tapi data di db tidak terupdate
ReplyDeleteMantabb kak! Lagi-lagi saya merasa terdorong utk belajar lbh dalam mengenai bootstrap dkk. Terima kasih ya kak, krn itu jg berkat tulisan kakak hehehehe. Semoga ke depannya kakak bs lbh banyak berbagi ilmu-ilmu kepada org2 yang membutuhkan (like me, untuk belajar dan sekalian pemenuhan tugas). Oh iyaaa, boleh dong mampir ke website kampus saya di https://www.atmaluhur.ac.id/.
ReplyDeleteSalam Hangat,
Okkalinar..
Terima kasih kakak, Artikel nya sangat bermanfaat bagi pemula seperti saya dan sangat mempermudah saya dalam belajar tentang CRUD , dan selalu semangat kak untuk membagi informasinya,saya tunggu artikel-artikel kakak berikutnya. Perkenankan Saya DEVA DELILAH, saya kuliah di STMIK ATMALUHUR pangkalpinang jangan lupa mampir ke website kampus kami ya 👍 🙂https://www.atmaluhur.ac.id/
ReplyDeleteWahh.. Artikel kaka menarik seakli kak untuk di pelajari Prnjelasannya sanggat mudah untuk di pahami jadi ngga sabar pengen coba langsung untuk mengerjakan tugas kuliah saya yang berkaitan tentang CRUD,terimakasih ya kak.
ReplyDeleteperkenankan saya Tiara Shinta, Mahasiswi STMIK Atmaluhur yuk mapir ke website kampus kami di https://www.atmaluhur.ac.id/
Alhamdulillah, mantap dah bang, berguna banget untuk aku yg masih belajar php bang, berkat abang aku bisa belajar menggunakan CRUD php bang, ditunggu tutorial selanjutnya bang, soalnya masih mau memperdalam tentang php bang. Kalo bisa sih mau kenal dulu sama abang, nama saya Ramayandra Valentino, dari STMIK Atma Luhur (https://www.atmaluhur.ac.id/)
ReplyDeleteWah gila mantep banget tutorial kakak ini,ajarin dong kak hehe tutorial kakak ini sangat membantu saya banget dalam mengerjakan tugas dan belajarnya semoga kakak selalu aktif ya update tutorial yang sangat berguna bagi mahasiswa seperti saya ini terima kasih kak sudah memberikan tutorial Query update ini oh iya kak perkenalkan nama saya Vivi Silvira dari STMIK ATMA LUHUR (https://www.atmaluhur.ac.id/)
ReplyDeleteTerbaik artikel sih kakak..dengan ini saya lebih bisa memahami materi kuliah Saya yang berkaitan dengan CRUD. Terimakasih banyak ya kak..dan kak,salam kenal Nama saya Monalisa Mahasiswa ISB ATMA LUHUR Pangkalpinang dan Ayo kak, mampir ke website kampus saya (https://www.atmaluhur.ac.id/)
ReplyDeleteDududu seneng banget akutuh jika nemu artikel sebagus dan sekeren ini bang, makasih telah berbagi ilmu kepada kami semoga selalu dapat memberi tutorial lagi mengenai CRUD PHP nya karena itu sangat membantu kami dalam belajar,
ReplyDeleteSebelumnya perkenalkan saya Larasati dari stmikatmaluhur pangkalpinang jgn lupa kunjungi website kampus https://www.atmaluhur.ac.id/
Trimakasih
Dududu seneng banget akutuh jika nemu artikel sebagus dan sekeren ini bang, makasih telah berbagi ilmu kepada kami semoga selalu dapat memberi tutorial lagi mengenai CRUD PHP nya karena itu sangat membantu kami dalam belajar,
ReplyDeleteSebelumnya perkenalkan saya Larasati dari stmikatmaluhur pangkalpinang jgn lupa kunjungi website kampus https://www.atmaluhur.ac.id/
Trimakasih
Sangat bermanfaat dan sangat membantu.
ReplyDeleteterimakasih kak atas ilmunya , semogah dapat berguna
perkenalkan nama saya irfandi amanda putra dari ISB Atma Luhur
Great info! I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have. 먹튀폴리스
ReplyDeleteMas mohon maaf yang php 5 kok liknya tidak bisa di download sama databasenya..tolong mas kirim ke email saya mas.
ReplyDeleteAzrifirman1395@gmail.com
Sudah saya email mas
DeleteMAS,ALHAMDULILLAH DARI SEKIAN BANYAK TUTORIAL CRUD DENGAN 1 HALAMAN (POP UP) CUMA INI YANG SANGAT WORK DAN TIDAK ADA MASALAH SEDIKITPUN,TERIMA KASIH BANYAK MAS MOGA JADI AMAL SHOLEH AAMIIN....
ReplyDeleteSANGATT MEMBANTU!!!!
Crud (Create, Read, Update, Delete) Data Menggunakan Modal Bootstrap (Popup) Dan Ajax Di Php 7 >>>>> Download Now
ReplyDelete>>>>> Download Full
Crud (Create, Read, Update, Delete) Data Menggunakan Modal Bootstrap (Popup) Dan Ajax Di Php 7 >>>>> Download LINK
>>>>> Download Now
Crud (Create, Read, Update, Delete) Data Menggunakan Modal Bootstrap (Popup) Dan Ajax Di Php 7 >>>>> Download Full
>>>>> Download LINK h5
Berkomentarlah dengan baik dan sopan