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
 Data Menggunakan Modal Bootstrap (popup) dan Ajax di PHP 7){kind=link}
176 Komentar
Bikin tutorial CRUD ajax nya pakai insert gambar juga pakai CKEDITOR dong master, biar gak mainstrem..
BalasHapusBeres tunggu aja mas.... masih banyak tutorial menarik lainnya yang akan saya bagikan
HapusMas bisa kirim ke email sy gak ya. sya download tapi gak bisa2. thx mas
Hapusmohamad.yusuf251014@gmail.com
Cek e-mail mas dah saya kirim
Hapusbelum ada email masuk mas. coba cek lagi email sy. takut salah, hehe
Hapusmohamad.yusuf251014@gmail.com
Email salah mas
Hapusemail siapa yg salah mas? itu email sy sudah benar mas, tapi kok belum ada email masuk dari mas nya ya , hehe.
Hapuspassword zip..please :D
BalasHapuskok formatnya exe gan ? kedetek virus pula ;-(
BalasHapusgak exe mas downloadnya dari link yanda ada dibawah bacaanya direct download link bukan download yang diatas mas [-(
Hapusiya 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
Hapusmana emailnya mas :>)
Hapusmas kalo php 4 atau php jalan ga mas?
BalasHapusjalan mas .... tinggal ganti koneksi ... sama querynya aja mass .....
BalasHapusmas saya rubah jadi menggunakan data tabel tpi bagian edit dan delete nya jadi tidak berfungsi. mohon bantuannya
BalasHapusoke mas, emang gimana kode yang mas buat kok gak jalan? :-?
Hapuswah sama nih.. pas klik bagian " EDIT " Gak jalan.. ane cuman ngambil bagian edit nya aja.
HapusGimsns 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.
HapusGimsns 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.
Hapus#kalau mas gak keberatan.
Mas, Mau tanyaa..
BalasHapuskalo cuma mau nampilin detail nya aja gimana yaa??
BalasHapuskalo cuma mau nampilin detail nya aja gimana yaa??
BalasHapusMas, Mau tanyaa..
BalasHapustanyak apa mas, tanyak aja?
Hapusmas boleh minta bantuan gak saya masih gak bisa edit modalnya
BalasHapusBoleh, apa yang bisa saya bantu mas?
BalasHapuskak kok di dalam zip gak ada psswd nya yah?
BalasHapuskak kok di dalam zipnya gak ada psswd nya yah?
BalasHapuskalau gak ada passwordnya massukkan aja ini passwordnya aguzrybudy.blogspot.co.id
Hapusmas kalau saya mau buat ngaktifin edit pake link edit.php bisa gak mas
BalasHapusmantaps gan thanks
BalasHapus:))
Hapusmodal tambah + modal deletenya bisa keluar mas.
BalasHapustp 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.
Hapuskalau versi PHP nya PHP 5.4 bisa nggak ya mas? sudah saya coba kok nggak bisa, :D
BalasHapusBisa mas, nanti linknya saya kirim ke email emas kalau sudah saya buat untuk php versi 5.4 :)
HapusAssalamualaikum :) 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 :)
BalasHapusGajadi deh udah bisa hehe :D makasih banyak yaaaaa hihi
HapusBaguslah kalau gitu siti :)
Hapussalam kenal
BalasHapusmenurut 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,
Hapussebelumnya 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
Hapus@mas Agus Ribudi: ditagih request nya Agus Aulia K yg menggunakan CKEDITOR ya.
Hapus@Dody H: urun rembug aja, untuk edit data dgn 2 kondisi bisa ditambahkan variabel nya spt ini:
Hapus...
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.
Hapuskeren mas komennya Dayat's Blog:)
ya mas agus kalau 2 kondisi bagaimana ya :)
HapusKomentar ini telah dihapus oleh pengarang.
Hapusoh sudah bisa mas hehehe,
Hapusuntuk 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?
BalasHapusquery 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
Hapusterimakasih
mas, kok setelah edit dan konfirmasi halaman tidak mau redirect ya ?
BalasHapusdatanya 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
BalasHapusIngin beruntung seperti temen-temen kamu?
BalasHapusLangsung 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 ...
BalasHapusMaaf gan linknya ternyata salah, sudah saya perbaiki jika ada masalah lagi silahkan tanya kembali, thanks.
Hapusgan, gk bisa download kok ya..
Hapuskalau susah downloadnya dari sana, agan bisa kasih email agan ke saya biar saya kirim kodenya
Hapusini gan, ikbal569@gmail.com, terimakasih sebelumnya gan...
HapusCek Email gan sudah saya kirim
HapusGAN, ANE proses updatenya kok g bisa ya:D mohon bantuannya.
BalasHapusKode yang agan gunakan gimana?, biar coba dibantu cek
HapusGan saya tidak bisa download ? bisakah dikirim file diatas via email saya :D newbiebandit@gmail.com
BalasHapusCek email gan, dah saya kirim
Hapuslink adfly nya tidak bisa mas. jika berkenan, mohon kirim ke email widodo024@gmail.com
BalasHapustrims ;)
cek email mas, dah saya kirim
Hapusedit dan delete gak bisa tolong bantuannya
BalasHapusyang mas buat codenya gimana mas, bisa kasih lihat?
Hapusmas bisa kirim ke email saya buat refrensi .
BalasHapusdiditramadhan77@gmail.com
mas bisa kirim ke email saya buat refrensi .
BalasHapusdiditramadhan77@gmail.com
cek email mas dah saya kirim
HapusMas link nya bisa dibuka tapi adf ly nya ga jalan, saya ingin melihat yang PHP5 mas.
BalasHapusBisa kirimkan ke noval.ahda@gmail.com
Terimakasih mas
cek email mas dah saya kirim
Hapussaya juga mas
Hapusalan.zulfikar1@gmail.com
terima kasih mas tutorialnya sangat membantu ^-^
BalasHapusiya mas sama sama
BalasHapuslink nya nggak bisa dibuka kak, bisa dikirimkan ke email adikomang20@gmail.com terima kasih kak :)
BalasHapuscek email mas dah saya kirim
Hapusoh iya minta yang versi php5 nya kak sorry ngerepotin ty
Hapusbisa kirim ke email saya gak febritriakbar@gmail.com terimakasih bnyak sebelumnya
BalasHapusMaaf mas jika tidak keberatan bisa kirim ke email fendraps@gmail.com,
BalasHapussoal nya link nya tidak kebuka.
terima kasih.
mas bisa kirim ke email saya :).
BalasHapuspotecelleng@gmail.com
Untuk semua yang minta code popup modal bootstrap sudah saya kirim ke Email, silahkan di cek
BalasHapusLink adfly gak bisa, minta kodenya mas. uptdsurabaya5@gmail.com
BalasHapuspassword filenya apa yah mas ? kalo boleh minta tolong kirimin codenya ke hadypratamaa4@gmail.com buat belajar soalnya.
BalasHapusterimakasih :D
om kirim ke email saya om...
BalasHapuszkydroid@gmail.com
Cek email mas dah saya kirim
HapusMas boleh minta script nya mas makasih nya om muhamad.septian91@yahoo.com
Hapussaya sangat berterima kasih kepada mas. saya sudah mencoba diberbagai website tutorial, web mas lah yang paling mudah dimengerti. terima kasih sekali lagi :)
BalasHapusSama sama mas, terima kasih kembali karena sudah berkungjung
Hapusoh 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?
BalasHapusGimana mas kode yang digunakan, bisa ditunjukkan atau kirim ke email saya
Hapusasslamualaikum mas, kok gk bisa dikirim y mas...?
BalasHapuskalau berkenan kirimkan ke email saya nataheru27@gmail.com
Cek email mas dah saya kirim
Hapusmisi mas klo kek gini gmna ngatasinnya ?
BalasHapusWarning: 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
Hapusmas, yang php 5nya kenapa modal editnya kalau ganti nama ga muncul ?
BalasHapuscontoh :
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
Hapuslinknya gabisa tolong kirim ke anony.m79@Yahoo.com
BalasHapusCek email mas dah saya kirim
HapusGan ane mau tanya saat saya di implementasikan menggunakan datatable pas di halaman ke2 tidak tampil modal popupnya lagi gan. Gimana solusinya gan.
BalasHapusTerima kasih
Saya akan kasih contohnya untuk implementasi editnya menggunakan data tables, mohon ditunggu mas, nanti kalau dah beres saya buat link donwloadnya
HapusOk gans
Hapusknp ya halaman ke2 tidak tampil modal popup? apa solusi nya??
Hapus., mas, kalo mau kasih adsite, jgn pake adfly. susah kebuka.
BalasHapuskalau gak kebuka silahkan komen e-mail aja, atau kirim request ke email saya biar saya kirim kodenya
Hapusmaaf 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..
BalasHapusBisa mas, diatas sudah ada contoh untuk data table mas, silahkan di download & di coba dulu mas
HapusMas ga bisa didownload ya filenya? kalo bisa kirim ke email rezarahmatullah@gmail.com
BalasHapusterima kasih banyak mas
Cek email mas, dah saya kirim
HapusEmail salah mas, silahkan kirim email yang benar
Hapusmas kirim yg php 5 dong ke email ane : reza.up2u@gmail.com
BalasHapusmau donlot susah via adfly gak kebuka linknya
thanks
Makasih sebelumnya mas.. sangat membantu sekali.. BTW, password file RAR nya apa ya?
BalasHapusterimakasih ilmunya sangat bermanfaat
BalasHapuskok gagal terus ya donlodnya, link dari adflynya kayaknya ada yg salah deh mas
BalasHapusbisa tolong kirim ke e-mail akbardawam1992@gmail.com
makasih sebelumnya
Cek email gan, dah saya kirim
Hapusdata : {modal_id: m,},
BalasHapusmas 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
HapusForm MODALnya kok gak ada?
BalasHapusSaya mo download juga gak bisa...
tolong kirim ke bangtejos@yahoo.co.id
Terima kasih.
Cek email mas, dah saya kirim
HapusGood artikel, saya juga punya artikel menarik mengenai CRUD, silahkan kunjungi
BalasHapushttp://kodemedan.blogspot.co.id/2017/06/memahami-serta-membuat-crud-sederhana.html
Terimakasih, oke saya kan lihat.
Hapuserror download. please to me muhammadhafizi1789@gmail.com
BalasHapusCek email mas dah saya kirim
Hapusterima kasih mas, sangat membantu.
BalasHapusuntuk 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
Hapuspassword .zip nya apa mas ?
BalasHapusbisa tolong kirim email dwiindri45.rpl@gmail.com
BalasHapusbisa tolong kirim email dwiindri45rpl@gmail.com
Hapusthanks gan di coba dulu
BalasHapusTolong Kirim Ke email synawebsite@gmail.com
BalasHapusTerima Kasih
Untuk link download dah saya benerin dan file tanpa password
BalasHapuslink nya nggak bisa dibuka kak. yang link download php 7 dan 5 dan juga database gk bisa dibuka.
BalasHapusBisa dikirimkan ke email aribintangx88@gmail.com
terima kasih kak :)
check email mas dah saya kirim, kalau gak ada di email lihat di spam
Hapuslinknya tidak bisa dibuka mas,bisa dikirimkan ke email ijoem21@gmail.com
BalasHapusklo 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
BalasHapusLink udah saya perbaiki jika masih ada masalah silahkan kirim email ke saya, email saya ada di menu Contact bagian atas blog ini
Hapusbisa kirim ke email azmye.13@gmail.com link ya mati ?
BalasHapusmas sy ada kasus dengan update data menggunakan modal & jquery, pada saat diklik update data existing tidak tampil,yg tampil hanya form inputan.
BalasHapusbisa 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
BalasHapusMas bisa kirim ke email sy gak ya. sya download tapi gak bisa2. thx mas
BalasHapusyantoisc@gmail.com
Mas, nga bisa didownload. tlg dikirim ke email sy pmxarumaha@gmail.com
BalasHapusUntuk PHP 7, PHP 5 dan Datatables. Makasih
maaf mas untuk tombol add edit deletnya tidak berfuingsi
BalasHapusmas bagaimana begitu kita klik tombol confirm, mpdal nya tetap stay/muncul karena kita mau input data lagi, trima kasih
BalasHapusmas,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
BalasHapushttps://www.solidfiles.com/v/RqWNdqLqBryLk
Hapusmas buat tutorial dropzone dong + thumbnail di dalam dropzonenya saat mau update gambar nah gambar yang udah di dalam server kita panggil mas
BalasHapusterima 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 ?
BalasHapusLihat demo disini mas, http://demo.aguzrybudy.com/modal/datatable.php
BalasHapusuntuk 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 :)
BalasHapusmas..bisa kirim source code.nya di email noviarimukti05@gmail.com
BalasHapussudah saya kirim silahkan cek inbox email (o)
Hapussiap min, makasih min
BalasHapussolder uap
bagian ubah data nya error gan, bisa minta tolong
BalasHapusError gimana emang nya mas?
Hapusga lengkap kodingnya, coba bedain sama yang di link DEMO, terus di klik kanan View Page Source, banyak yg ilang, beda, pantes aja ga bisa
BalasHapusHilang gimana mas?, kalau hilang download aja codenya mas, sesuai dengan versi phpnya
HapusLink download nya tidak bisa kebuka dan demo nya juga... Kirimin ke email mas... mhd.hermawan@gmail.com terimakasih mas
BalasHapusCek email mas dah saya kirim :))
Hapusmantull min
BalasHapusSolder uap
Link download php 7 nya eror, apakah boleh kirim ke email saya source codenya mas ? Alamat Email saya : boyramdany97@gmail.com
BalasHapusMantap Gan! (h)
BalasHapusTerimakasih 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
BalasHapusMantabb 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/.
BalasHapusSalam 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/
BalasHapusWahh.. 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.
BalasHapusperkenankan 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/)
BalasHapusWah 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/)
BalasHapusTerbaik 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/)
BalasHapusDududu 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,
BalasHapusSebelumnya 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,
BalasHapusSebelumnya perkenalkan saya Larasati dari stmikatmaluhur pangkalpinang jgn lupa kunjungi website kampus https://www.atmaluhur.ac.id/
Trimakasih
Sangat bermanfaat dan sangat membantu.
BalasHapusterimakasih 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. 먹튀폴리스
BalasHapusMas mohon maaf yang php 5 kok liknya tidak bisa di download sama databasenya..tolong mas kirim ke email saya mas.
BalasHapusAzrifirman1395@gmail.com
Sudah saya email mas
HapusMAS,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....
BalasHapusSANGATT MEMBANTU!!!!
Alhamdulillah, terima kasih banyak mas atas doa dan komentarnya. Saya ikut senang kalau tutorial CRUD dengan 1 halaman dan pop up ini bisa berjalan lancar serta membantu. Semoga tutorial sederhana ini bisa bermanfaat untuk teman-teman yang sedang belajar pemrograman. Aamiin, semoga kita semua selalu diberi kemudahan dalam belajar dan berbagi ilmu.
HapusBerkomentarlah dengan baik dan sopan