Langsung ke konten utama

Bootstrap Modal and Ajax || Praktikum 3

Assalamualaikum..
Halo berjumpa lagi di blog praktikum..
kali ini saya akan membahas bagai mana Bootsrap modal penggunaanya dan ajax..

Pertama apa itu modal??
Modal bootstrap adalah semacam kotak dialog yang muncul di tengah-tengah layar.
jadi fungsinya ini itu adalah sebagai pemberi pesan berupa konfimasi ataupun hal lainya..
Dan apa itu Ajax??
suatu teknik pemrograman berbasis web untuk menciptakan aplikasi web interaktif.

..

Pertama-tama yang harus di lakukan 
1.Menyiapkan JQuery,bootsrapnya,dan toastr.
2.Hubungkan media dengan project kalian..
Lanjut ke cara, contoh dan hasilnya :.....
1.Menghubungkan
JQuery,bootsrapnya,dan toastr dengan project kalian..

pertama download dulu media tadi
untuk contoh loksi penyimpananya sebagi berikut ini :

   
    <script type="text/javascript" src="<?php echo base_url() ?>/assets/media/js/jquery.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url() ?>/assets/media/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url() ?>/assets/media/plugins/toastr/toastr.min.js"></script>

    <link rel="stylesheet" href="<?php echo base_url() ?>/assets/media/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo base_url() ?>/assets/media/plugins/toastr/toastr.min.css">
selanjutnya mulai kita mengcoding...
Pertama kita buat modal Bootsrapnya :


  

Simpan di Bawah akhir sebelum tag Body




 selanjutnya kita tambahkan Class bootstrap untuk membuat button pada web , contoh nya Web CRUD saya ini..

    <a  href="edit.php?nis=<?= $siswa['nis'] ?>" class="btn btn-warning">Edit</a>//CLASS
    <a  href="delete.php?nis=<?= $siswa['nis'] ?>" class="btn btn-danger btnDelete">Delete</a> //CLASS



nahh selanjutnya tambah kan JavaScript nya sama yaitu di bawah sebelum tag Body


Selanjutnya Pada Delete.php
tambhakan result Ajax nya


nahh untuk Hasilnya ini  :

 Tambah Data Baru


ketika akan  di hapus datanya
Modalnya Muncul
Ketika di Hapus (Ya) seusudah di hapus


Ada Pemberitahuan/Konfirmasi Seperti Contohnya 






Terimakasihh Telah Berkunjungg....

Komentar

Posting Komentar

Postingan populer dari blog ini

Struktur Kontrol - Percabangan di PHP || Praktikum 21

halo selamat berjumpa lagi di blog Praktikum.. Pembahasan kali ini adalah mengenai pembahasan : Struktur Kontrol - Percabangan di PHP Percabangan Percabangan (decision-making) sebagai cara untuk untuk memeriksa isi suatu variabel atau hasil perhitungan ekspresi dan mengambil tindakan yang sesuai dengan kondisi variable tersebut. macam macam percabangan Bentuk If (If-else, If- else if – else, Nested If) Bentuk Switch-case Ternary( ?: ) Bentuk IF-Else if(condition){ // statement 1 goes here }else{ // statemant 2 goes here } // statement 3 goes here Bentuk IF-Else If if(condition1){ // statement 1 }elseif(condition2){ // statement 2 }else{ // statement 3 } // statement 4 Nested IF( If Bersarang) if(condition){ if(condition1){    //statement 1 goes here }else{    // statemant 2 goes here } }else{ // statemant 3 goes here } Switch-case switch(a){ case 1; // statement 1 goes here break; case 2; // statement 2 goes here break; case 3; //
Posting Komentar
Baca selengkapnya

Searching dan Ordering || Praktikum 31

Assalamualaiku.. Halo berjumpa lagi di blog praktikum.. kali ini saya akan membahas bagai mana searching dan ordering searching dan ordering ini digunakan untuk mencari sebuah data dengan kata kunci dan ordering digunakan untuk menglist atau mengururtkan data sesuang dengan angka atau huruf tertentu. Searching pada searching ini kita gunakan kondisi dan query sebagai berikut: yang pertama harus kita lakukan adalah membuat form yang berfungsi se4bgai <form action="index.php" method="get">             <table>                 <tr>                     <td>Cari Berdasarkan NIS dan NAMA                         <input autocomplete="off" required type="text" name="search" class="in" value="<?= @$search ?>">                         <button class="but" type="submit">Cari</button>                         <a href="tambah.php">
Posting Komentar
Baca selengkapnya

Introducing Framework Laravel || Praktikum

  Hallo Selamt Datang.. Kali ini Pembahsan Tentang FrameWork  Laravel Aadalah pengembangan website berbasis MVP yang ditulis dalam PHP yang dirancang untuk meningkatkan kualitas perangkat lunak dengan mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan sintaks yang ekspresif, jelas dan menghemat waktu.  Sebenarnya Framwork Php banyak jenisnya dan mempunyai berbagai keunggulan masing masing akan tetapi laravel menurut saya lebih mudah digunakan. Beberapa fitur yang terdapat di Laravel : Bundles, yaitu sebuah fitur dengan sistem pengemasan modular dan tersedia beragam di aplikasi. Eloquent ORM, merupakan penerapan PHP lanjutan menyediakan metode internal dari pola “active record” yang menagatasi masalah pada hubungan objek database. Application Logic, merupakan bagian dari aplikasi, menggunakan controller atau bagian Route. Reverse Routing, mendefinisikan relasi atau hub
Posting Komentar
Baca selengkapnya