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

Postingan populer dari blog ini

Pemograman Berorientasri Objek dan Interaksi User Pada JS || Praktikum 16

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana PBO (Pemograman Berorientasri Objek) dan interaksi user pada java script. PBO adalah sebuah pradigama dalam pemograman yang mengelompokan fungsi prosedur variable atau konstanta  terkait  dalam kesatuan. dalam Java script objek utamanya memiliki banyak bawaan seperti Math, Array, String dan Objek interaksi user adanya iteraksifitas dalam aplikasi akan membantu menarik minat pengguna untuk menggunakan aplikasi yang di kembangkan. untuk mengelolah interaksi user ini banyak sekali atribut untk mengolah nya contoh nya berikut penjelasnya  salah satu macam nya : onChange: event ini muncul apabila sebuah elemen ( select , text , atau textarea ) telah diubah nilainya sebelum elemen tersebut kehilangan fokusnya. onClick: event ini muncul apabila terjadi aksi klik terhadap suatu elemen, seperti elemen button . onContextMenu:  event ini muncul apabi...

JAVA SCRIPT : PERULANGAN DAN FUNGSI || Praktikum 15

Assalamualaikum wr wb.. Selamat datang di blog Praktikum.. kali ini saya akan menjelaskan  bagai mana penggunaan Perulangan dan Fungsi Di java Script. Berikut ini adalah Penjelasanya Struktur Kontrol Perulangan Perulangn merupakan struktur yang memungkinkan menjalankan kode  program yang sama beberapa kali perulang di java script memiliki 3 bentuk yaitu : for while do-while a. perulangn for for(inisialisai; kondisi; peubah;){ baris program } b. perulangan while (kondisi){ kode program yang inigin di jalankan beberapa kali } c. perulangan Do-While do{ kode program yang ingin di jalan kan bebebrpa kali;  }while(kondisi); contoh programnya 1.Buat perulangan ini kodinganya : ini hasilnya : 2.Perulangan For ini kodinganya : ini hasil nya : seperti yang di lihat di kodingan bahwa  kodisinya menunjukan <=5 maka kata atau kalimat yang ingin kita ulang akan di ulang sebanyak 5x; 3.perulangan While ini kodin...

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 r...