CARA MENGATASI halaman Confirm Form Resubmission DENGAN JAVASCRIPT

Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Terima kasih telah berkunjung di media pembelajaran bahasa program online langsungkoding.blogspot.com , kali ini akan berbagi CARA MENGATASI halaman Confirm Form Resubmission DENGAN JAVASCRIPT.

sebelum itu mari ketahui dahulu apa penyebab munculnya halaman Confirm Form Resumission, halaman tersebut muncul karena tidak ada nya session, dimana disaat sebelumnya halaman tersebut (misalnya beranda.php yang mana user telah berhasil login).

Saya ulangi kembali saat session nya ada pada halaman tersebut. lalu saat user logout atau keluar dari halaman tersebut, session tellah terhapus (biasanya aturan login dan logut seprti itu).

Nah setelah logout user iseng atau sekedar mencoba menekan tombol back yg terdapat di kiri atas layar pada browser chrome, lalu akan muncul halaman Confirm Form Resubmission. nah bagaimana mengatasinya, kita akan menggunakan kode javascript berikut kodenya :

?

1 2 3 4 5

<script>     if ( window.history.replaceState ) {         window.history.replaceState( null, null, window.location.href );     } </script>

letakkan script diatas di bawah tag < / html > aatau bisa juga di atas tag < /html >

Thank's
Terima Kasih.

Tag :

confirm form resubmission | confirm form resubmission artinya | javascript| mengatasi confirm form resubmission |how to remove confirm form resubmission

Baca juga :

• script CRUD php dengan ajax Jquery

Read More

CARA OPER ID PADA MODAL BOOTSTRAP

Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Berikut adalah cara oper id pada modal bootstrap, sebelum melanjutkan membaca, diharapkan telah mengerti tentang

• koneksi database pada php
• memahami script js dan jQuery
• fungsi pada require_once

baik langsung saja, berikut scriptnya.

• index.php
• modal.php
• output nya

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<?php  require_once'../hefo/header.php'; //pada require_once adalah tempat menampung css js bootstrap dan jquery serta koneksi db  ?>   <!-- Trigger the modal with a button --> <button type="button" class="btn btn-success openBtn" data-id='36'>Open Modal</button>   <!-- Modal --> <div class="modal fade" id="myModal" role="dialog">     <div class="modal-dialog">         <!-- Modal content-->         <div class="modal-content">             <div class="modal-header">                 <h4 class="modal-title">Modal with Dynamic Content</h4>                 <button type="button" class="close" data-dismiss="modal">&times;</button>             </div>             <div class="modal-body">               </div>             <div class="modal-footer">                 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>             </div>         </div>     </div> </div>   <script> $('.openBtn').on('click',function(){     var id_tugas = $(this).attr('data-id');     $('.modal-body').load('modal.php?id='+id_tugas,function(){         $('#myModal').modal({show:true});     }); }); </script>

?

1 2 3 4 5 6 7 8

<?php  require_once"../core/init.php"; $id_t = $_GET["id"]; $a = mysqli_fetch_array( jel_ed($id_t) ); ?>   <input type='text' value='<?php echo $a['id_t'];  ?>' readonly> <input type='text' value='<?php echo $a['knt_t'];  ?>' readonly>

Terima Kasih.
Thank's.

Tag :

CRUD MODAL PHP | MEMBUAT CRUD PHP DENGAN MODAL BOOTSTRAP | CARA MEMBUAT EDIT DENGAN MODAL BOOTSTRAP | CARA OPER DATA ID PADA MODAL BOOTSTRAP | HOW TO REMOTE MODAL IN ANOTHER PAGE | HOW TO REMOTE MODAL BOOTSTRAP ANOTHER PAGE

Baca Juga :

• CRUD AJAX DENGAN PHP
• MENAMPILKAN GAMBAR PADA MODAL BOOTSTRAP

Read More

CRUD AJAX PADA PHP

Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

kali ini akan berbagi script crud ( C.R.U.D ) AJAX dengan Jquery menggunakan PHP dan MySqli

Ajax crud ( C.R.U.D ) ada 2 yang bisa digunakan yaitu Ajax native (murni javascript) yang disertai dengan xml didalam jadi jika kita membuat script secara native kita harus membuat koneksi khusus untuk Ajax native ini. Dan yang kedua adalah Ajax dengan menggunakan library Jquery, dengan Ajax Jquery, script menjadi rapi dan mudah dibaca, JQuery adalah library menggunakan bahasa javascript yang memiliki fungsi-fungsi siap pakai, yang di dikembangkan oleh Jhon Resig untuk kali pertamanya di tahun 2006. kalian bisa download Jquery di situs resminya.

Ajax singkatan dari Asynchronous JavaScript and XML. Dasarnya Ajax menggunakan XMLHttpRequest Object JavaScript untuk membuat request ke server secara asynchronous atau melakukan refresh halaman website tanpa menekan tombol refresh pada browser.

Berikut adalah daftar script AJAX JQuery CRUD C.R.U.D dengan PHP :
untuk memulai tutorial CRUD C.R.U.D dengan PHP dan MySqli, kalian harus download jquery nya terlebih dahulu disini.

script ajax Create/insert dengan JQuery menggunakan php dan mysqli

script ajax Read/Select dengan JQuery menggunakan php dan mysqli

script ajax Update dan edit dengan JQuery menggunakan php dan mysqli

script ajax Delete dengan JQuery menggunakan php dan mysqli

Thank's
Terima Kasih.

Tag :

Cara crud | cara membuat crud | CRUD AJAX JQUERY | Cara membuat CRUD dengan ajax menggunakan php | membuat crud ajax php

Baca juga :

• Cara memasukkan foto ke modal Bootstrap

Read More

CARA MENAMPILKAN GAMBAR DARI DATABASE KE MODAL BOOTSTRAP

Assalamualaikum warohmatullohi wabarokatuh.
Wa alaikum salam warohmatullohi wabarokatuh.

Episode ini akan berbagi script koding MENAMPILKAN GAMBAR DARI DATABASE ke modal Bootstrap sesuai dengan id.
-Disaat user klik tombol lihat/tombol detail
-Muncul Pop Up Modal yang berisi infomrasi tentang user yang ingin dilihat

-Buatlah folder didalam htdocs dengan nama modal_bootstrap
-Buatlah 2 file php. index.php dan form_edit_modal.php
-lalu Buatlah folder dengan nama img didalam folder modal_bootstrap
-seperti gambar di bawah ini struktur foldernya

-siapkan gambar atau foto yg bereksitensi PNG atau JPG.
-Dan simpan gambar tersebut kedalam folder img yang telah dibuat tadi
-sehingga seperti gambar di bawah ini.

-buatlah database test.selain itu bebas
-buatlah table pada database seperti gambar di bawah ini.

• index.php
• form_edit_modal.php

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39

<!DOCTYPE html> <html> <head>     <title></title>   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>   </head> <body>   <?php      $koneksi = mysqli_connect('localhost','root','','test');      $query   = "SELECT * FROM user";     $query2   = mysqli_query($koneksi, $query); ?> <br> <br> <br>     <table border="1" width="100%">         <tr>             <td>id_db</td>             <td>nama</td>             <td>operation</td>         </tr>     <?php while ($row = mysqli_fetch_array($query2)){ ?>         <tr>         <td><?php echo $row['userid']; ?></td>             <td><?php echo $row['firstname']; ?></td>             <td>           <a href="#id<?php echo $row['userid']; ?>" data-toggle="modal" class="btn btn-primary"><span class="glyphicon glyphicon-eye-open"></span> Lihat</a>       <?php include('form_edit_modal.php'); ?>         </td>       </tr>     <?php } ?>     </table>   </body> </html>

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34

<!-- Modal -->   <div class="modal fade" id="id<?php echo $id=$row['userid'];  ?>" role="dialog">           <?php              // $koneksi = mysqli_connect('localhost','root','','test');                $q_modal   = "SELECT * FROM user WHERE userid = $id";               $q_modal2  = mysqli_query($koneksi, $q_modal);               $row2       = mysqli_fetch_array($q_modal2);                           ?>       <div class="modal-dialog">             <!-- Modal content-->       <div class="modal-content">         <div class="modal-header">           <button type="button" class="close" data-dismiss="modal">&times;</button>           <h4 class="modal-title"><?php echo $row2["firstname"]; ?></h4>         </div>         <div class="modal-body">           <img src="<?php echo $row2['picture']; ?>" width='50%' height='50%'><br>           id  = <?php echo $row2["userid"]; ?><br>           nama depan = <?php echo $row2["firstname"]; ?><br>           nama belakang = <?php echo $row2["lastname"]; ?><br>           alamat = <?php echo $row2["address"]; ?>         </div>         <div class="modal-footer">           <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>         </div>       </div>             </div>   </div>     </div>

Dan hasilnya akan seperti gambar dibawah ini.

Muncul modal saat klik tombol lihat.

Terima Kasih.
Thank's.

SOURCE : https://www.sourcecodester.com/php/11629/phpmysqli-crud-operation-bootstrapmodal.html

Tag :

cara oper data pada modal bootstrap | oper data pada modal | menampilkan gambar pada modal | how to passing data to modal in bootstrap |

Baca Juga :

• LINK 1
• LINK 2

Read More