Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
apakah edit data dengan "modal" bootstrap harus selalu menggunakan ajax?
untuk edit data, tentu harus bisa GET nilai dari database supaya bisa di edit.
tapi kalau editnya pakai modal bootstrap apakah harus selalu menggunakan ajax??
atau ada cara lain?
0
4 Jawaban:
tidak harus, kita bisa taro form html biasa di sana, dan mengarahkan action nya ke url dan mengolah datanya disana, dengan php biasa tanpa ajax
0
saya sudah coba mas @hilmanrdn update dengan php biasa..sebelumnya saya GET nilainya ke modal pake ajax kemudian mau di update dengan php biasa..cuma belum berhasil knp ya..
ini skrip saya..
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<title>Users List</title>
<!-- untuk modal -->
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<!---->
<link rel="stylesheet" type="text/css" href="styles.css" />
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
<script language="javascript" type="text/javascript" src="users.js"></script>
</head>
<body> <!-- modal-->
<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" id="tampil-modal" method="post">
<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="edit" value="simpan" class="md-close">
</div>
</div>
</div>
</div>
<!-- ajax untuk GET 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
if (isset($_POST['edit'])){
$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";
}
}
?>
<!--tampilan dalam bentuk tabel -->
<form name="frmUser" method="post" action="">
<div style="width:500px;">
<table border="0" cellpadding="10" cellspacing="1" width="500" class="tblListForm">
<tr class="listheader">
<td></td>
<td></td>
<td>Username</td>
<td>First Name</td>
<td>Last Name</td>
</tr>
<?php
include "koneksi.php";
$result = mysql_query("SELECT * FROM users");
$i=0;
while($row = mysql_fetch_array($result)) {
if($i%2==0)
$classname="evenRow";
else
$classname="oddRow";
?>
<tr class="<?php if(isset($classname)) echo $classname;?>">
<td align="center"><input type="checkbox" name="users[]" value="<?php echo $row["user_id"]; ?>" ></td>
<td align="center">
<!-- tombol untuk edit dengan modal -->
<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>
</a>
</td>
<td><?php echo $row["username"]; ?></td>
<td><?php echo $row["first_name"]; ?></td>
<td><?php echo $row["last_name"]; ?></td>
</tr>
<?php
$i++;
}
?>
<tr class="listheader">
<td colspan="4"><input type="button" name="update" value="Update" onClick="setUpdateAction();" />
<input type="button" name="delete" value="Delete" onClick="setDeleteAction();" /></td>
</tr>
</table>
<a href="no_box.php">No Boxnya</a><br>
<a href="input_multi_update.php">Input</a><br>
</form>
</div>
<!-- yg ini belum tau buat apa -->
<div class="md-overlay"></div><!-- the overlay element -->
<!-- classie.js by @desandro: https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script src="js/modalEffects.js"></script>
<!-- for the blur effect -->
<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
<script>
// this is important for IEs
var polyfilter_scriptpath = '/js/';
</script>
<script src="js/cssParser.js"></script>
<script src="js/css-filters-polyfill.js"></script>
</body>
</html>
0
halo @jacs , jangan bikin pertanyaan bercabang ya. Silahkan tulis pertanyaan baru, dan jelaskan disana errorya apa. Tampilkan bagian kode yang relevan dengan pertanyan, terima kasih!
0