Postingan lainnya
bagaimana melakukan update php biasa pada halaman pop up?
selamat pagi teman2..
bagaimana melakukan update dengan php biasa pada halaman pop up? saya sedang coba tapi belum berhasil
ini tombol untuk menampilkan pop up..
<a href="#">
<span id="edit-user" data-modal="modal-1" class="glyphicon glyphicon-resize-full md-trigger" title="Lihat Detail"
data-user="<?php echo $row["user_id"];?>" data-username="<?php echo $row["username"];?>"
data-first="<?php echo $row["first_name"];?>" data-last="<?php echo $row["last_name"];?>">
</span>
ini halaman pop dan proses updatenya.. salah di mana ya?
<body>
<!-- pop up-->
<form method="post" id="tampil-modal"> <!-- id tampil modal untuk ajax di bawah -->
<div class="md-modal md-effect-1" id="modal-1">
<div class="md-content ">
<h3>detail dokumen yang anda pilih</h3>
<div class="modal-body" >
<div class="form-group" >
<input type="hidden" id="user_id" name="user_id" placeholder="Username" class="form-control" style="width:200px ">
<label for="username">Username</label>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-home"></i></span>
<input type="text" id="username" name="username" placeholder="Username" class="form-control" style="width:200px " >
</div>
<label for="first_name">First Name</label>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<textarea type="text" id="first_name" name="first_name" placeholder="First Name" class="form-control" style="width:300px"></textarea>
</div>
<label for="last_name">Last Name</label>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input type="text" id="last_name" name="last_name" placeholder="Last Name" class="form-control" style="width:300px"></textarea>
</div>
<label for="no_box">No Box</label>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input type="text" id="no_box" name="no_box" placeholder="No Box" class="form-control" style="width:100px"></textarea>
</div>
<input type="submit" name="update" value="update" class="md-close">
</div>
</div>
</div>
</div>
</form>
<!-- ajax untuk menampilkan nilai ke modal -->
<script src="jquery-3.1.1.js"></script>
<script type="text/javascript">
$(document).on("click", "#edit-user", function(){
var user_id = $(this).data('user');
var u_n = $(this).data('username');
var f_n = $(this).data('first');
var l_n = $(this).data('last');
$("#tampil-modal #user_id").val(user_id);
$("#tampil-modal #username").val(u_n);
$("#tampil-modal #first_name").val(f_n);
$("#tampil-modal #last_name").val(l_n); // #TAMPIL-MODAL di ambil dari id pada class modal body
})
</script>
<!-- proses update -->
<?php
include "koneksi.php";
if (isset($_POST['update'])){
$username = $_POST['username'];
$first = $_POST['first_name'];
$last = $_POST['last_name'];
$sql = 'update users set username="'.$username.'", first_name="'.$first.'",
last_name="'.$last.'" where user_id="'.$user_id.'"';
$query = mysql_query($sql);
if($query){
header('location:list_user.php');
}
else{
echo "gagal";
}
}
?>
Terima kasih..
4 Jawaban:
bisa dijelaskan ngga belum berhasilnya apa? errornya apa? biar teman lain ngga nebak-nebak. Bentuk form biasa itu ada
<form action="welcome.php" method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>
Nah di kode yang dikasih kayanya ngga ada pembungkus form yg ada actionnya
iya @hilmanrdn..sudah saya tambahkan tag
jadi gini mas.. memang belum berhasil..
setelah saya klik update, halaman pop nya closing dan kembali ke tabel.. tapi di tabel tidak ada perubahan.. dan tidak ada keterangan eror juga..
action ke form nya mengarah kemana? halaman yang sama? disana ngga ada attribute action. Ini contoh lihat jawabannya bootstrap modal ngga pake ajax http://stackoverflow.com/questions/23368664/how-to-make-an-edit-user-form-inside-bootstrap-modal-using-jquery