|
|
|
ขอคำแนะนำหน่อยครับ อยากบันทึกข้อมูลโดยไม่ต้องโหลดหน้าใหม่ แล้วมี pop up ขึ้นในหน้านั้นว่าบันทึกข้อมูลเรียบร้อย |
|
|
|
|
|
|
|
อยากทำแบบ พอกดปุ่มบันทึกข้อมูลแล้ว ไม่ต้องโหลดหน้าใหม่ครับ โดยให้บันทึกไปเลยแล้วมี pop up เด้งขึ้นมาว่าบันทึกเสร็จสิ้นในหน้านี้เลย
หน้าตาป็อปอัพประมาณนี้
รบกวนขอคำแนะนำด้วยครับ
ตัวอย่าง code หน้า create
Code (PHP)
<?php
/*
* include file start***********************************************************
*/
if($_SESSION[_ss . 'levelaccess']!='admin'){ header('location:'.$baseUrl.'');}
require 'library/pagination.php';
/*
* include file start***********************************************************
*/
/*
* title ***********************************************************************
*/
$pageUrl = 'customer';
$pageName = 'create';
$headtitle = 'จัดการลูกค้า';
$title = 'ลูกค้า';
$subtitle = 'เพิ่ม';
$icon = 'fa fa-users';
/*
/*
* title ***********************************************************************
*/
/*
* php code///////////**********************************************************
*/
/*
* php code///////////**********************************************************
*/
/*
* header***********************************************************************
*/
require 'template/back/header.php';
/*
* header***********************************************************************
*/
?>
<!-- Main content -->
<section class="content">
<!-- Small boxes (Stat box) -->
<!-- /.row -->
<div class="row">
<div class="col-md-12 col-xs-12">
<!-- Horizontal Form -->
<div class="box box-info">
<!-- form start -->
<div class="box-body">
<div class="table table-responsive">
<form role="form" id="addForm" data-toggle="validator" class="shake" action="<?php echo $baseUrl;?>/back/<?php echo $pageUrl;?>/process" method="post">
<div class="modal-body">
<div class="row">
<div class="col-lg-4">
<div class="row">
<div class="col-lg-6">
<div class="form-group">
<label>รหัสลูกค้า <i class="fa fa-asterisk text-danger"></i></label>
<input type="text" class="form-control" id="customer_no" name="customer_no" placeholder="" data-error="จำเป็นต้องป้อน" required>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>รหัสสมาชิก <i class="fa fa-asterisk text-danger"></i></label>
<input type="text" class="form-control" id="member_no" name="member_no" placeholder="" data-error="จำเป็นต้องป้อน" required>
</div>
</div>
<div class="col-lg-12">
</div>
</div>
</div>
<div class="col-lg-6">
<div class="col-lg-6">
<div class="form-group">
<label>ชื่อ-นามสกุล <i class="fa fa-asterisk text-danger"></i></label>
<input type="text" class="form-control" id="full_name" name="full_name" placeholder="" data-error="จำเป็นต้องป้อน" required>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<label>เบอร์โทรศัพท์ <i class="fa fa-asterisk text-danger"></i></label>
<input name="mobile_no" type="tel" required class="form-control" id="mobile_no" placeholder="" maxlength="10" data-error="จำเป็นต้องป้อน" OnKeyPress="return checktel(this)">
</div>
</div>
<div class="col-lg-12">
<label>ที่อยู่ <i class="fa fa-asterisk text-danger"></i></label>
<textarea name="address_no" type="tex" class="form-control" id="address_no" placeholder="" data-error="จำเป็นต้องป้อน" required></textarea>
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label>สถานะ <i class="fa fa-asterisk text-danger"></i></label>
<select class="form-control" id="Inputactive" name="Inputactive" placeholder="" data-error="จำเป็นต้องป้อน" required>
<option value="ไม่อนุญาต" >ไม่อนุญาต</option>
<option value="อนุญาต" >อนุญาต</option>
</select>
</div>
<div class="form-group">
<label>หมายเหตุ </label>
<textarea name="remark" type="tex" class="form-control" id="remark" placeholder="" data-error="จำเป็นต้องป้อน" ></textarea>
</div>
</div>
</div>
<input type="hidden" name="_add_" value="_add_">
</div>
<div class="modal-footer">
<a role="button" href="<?php echo $baseUrl; ?>/back/<?php echo $pageUrl;?>" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> ยกเลิก</a>
<button type="submit" class="btn btn-info"><i class="fa fa-save"></i> บันทึก</button>
</div>
</form>
</div>
</div>
</div>
<!-- /.box -->
</div>
</div>
</section>
<!-- /.content -->
<!-- iCheck 1.0.1 -->
<script src="<?php echo $baseUrl; ?>/plugins/iCheck/icheck.min.js"></script>
<script>
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass: 'iradio_flat-green'
});
</script>
<script type="text/javascript">
//$(document).ready(function() {
//$('#room').change(function() {
//var name = $("#name").val();
//document.getElementById("xx").value=$('#room').val();
//$.ajax({
//type: 'POST',
//data: {room: $(this).val()},
//url: '<?php echo $baseUrl;?>/back/<?php echo $pageUrl;?>/select_subject',
//success: function(data) {
//$('#subject').html(data);
//}
//});
//return false;
//});
//});
//Post
/* $("button").click(function(){
$.post("create_process.php",
{
name: "itoffside",
city: "Duckburg",
tel: "02394824243"
},
function(data,status){
alert("Data: " + data + "\nStatus: " + status);
});
});*/
</script>
<script language="javascript">
function Numbers(e){
var keynum;
var keychar;
var numcheck;
if(window.event) {// IE
keynum = e.keyCode;
}
else if(e.which) {// Netscape/Firefox/Opera
keynum = e.which;
}
if(keynum == 13 || keynum == 8 || typeof(keynum) == "undefined"){
return true;
}
keychar= String.fromCharCode(keynum);
numcheck = /^[0-9]$/;
return numcheck.test(keychar);
}
function keyup(obj,e){
var keynum;
var keychar;
var id = '';
if(window.event) {// IE
keynum = e.keyCode;
}
else if(e.which) {// Netscape/Firefox/Opera
keynum = e.which;
}
keychar= String.fromCharCode(keynum);
var tagInput = document.getElementsByTagName('input');
for(i=0;i<=tagInput.length;i++){
if(tagInput[i] == obj){
var prevObj = tagInput[i-1];
var nextObj = tagInput[i+1];
break;
}
}
if(obj.value.length == 0 && keynum == 8) prevObj.focus();
if(obj.value.length == obj.getAttribute('maxlength')){
for(i=0;i<=tagInput.length;i++){
if(tagInput[i].id.substring(0,5) == 'txtID'){
if(tagInput[i].value.length == tagInput[i].getAttribute('maxlength')){
id += tagInput[i].value;
if(tagInput[i].id == 'txtID5') break;
}
else{
tagInput[i].focus();
return;
}
}
}
if(checkID(id)){
//nextObj.focus();
gender.focus();
}else{ alert('รหัสประชาชนไม่ถูกต้อง');
document.getElementById("txtID1").value="";
document.getElementById("txtID2").value="";
document.getElementById("txtID3").value="";
document.getElementById("txtID4").value="";
document.getElementById("txtID5").value="";
gender.focus();
}
}
}
function checkID(id){
if(id.length != 13) return false;
for(i=0, sum=0; i < 12; i++)
sum += parseFloat(id.charAt(i))*(13-i);
if((11-sum%11)%10!=parseFloat(id.charAt(12)))
return false;
return true;
}
</script>
<?
/*
* footer***********************************************************************
*/
require 'template/back/footer.php';
/*
* footer***********************************************************************
*/
?>
ตัวอย่าง code หน้า create_process
Code (PHP)
<?php
/*
* include file start***********************************************************
*/
if($_SESSION[_ss . 'levelaccess']!='admin'){ header('location:'.$baseUrl.'');}
/*
* include file start***********************************************************
*/
/*
* title ***********************************************************************
*/
$pageUrl = 'customer';
$pageName = 'create';
$headtitle = 'จัดการลูกค้า';
$title = 'ลูกค้า';
$subtitle = '';
$icon = 'fa fa-users';
/*
* title ***********************************************************************
*/
/*
* php code///////////**********************************************************
*/
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
/*=== ID CARD ===*/
/*$txtID1 = $_POST['txtID1'];
$txtID2 = $_POST['txtID2'];
$txtID3 = $_POST['txtID3'];
$txtID4 = $_POST['txtID4'];
$txtID5 = $_POST['txtID5'];
$txtID = $txtID1.''.$txtID2.''.$txtID3.''.$txtID4.''.$txtID5;*/
/*=== ID CARD ===*/
/// เพิ่มกลุ่ม ///
$db = new database();
/// ตรวจสอบว่ามีแล้วรหัสนี้หรือยัง
$option = array(
"table" => _prefix."customer",
"condition" => "CustomerID='{$_POST['customer_no']}' or MemberID='{$_POST['member_no']}' "
);
$query = $db->select($option);
$rows = $db->rows($query);
/// ถ้ามี ซ้ำ
if ($rows > 0) {
$_SESSION[_ss . 'add'] = 'duplicate';
header('location:' . $baseUrl . '/back/' .$pageUrl);
}else{
/// ถ้าไม่ซ้ำ
/// บันทึกลงฐานข้อมูล
$value = array(
"CustomerID" => trim($_POST['customer_no']),
"MemberID" => $_POST['member_no'],
"FullName" => $_POST['full_name'],
"MobileNo" => $_POST['mobile_no'],
"Address" => $_POST['address_no']
//"remark" => $_POST['remark'],
//
//
//"activate" => $_POST['Inputactive'],
//"created_user" => $_SESSION[_ss . 'email'],
//"created_date" => date('Y-m-d H:i:s')
);
$query = $db->insert(_prefix."customer", $value);
/// บันทึกสำเร็จ
if($query == TRUE){
$_SESSION[_ss . 'add'] = 'success';
header('location:' . $baseUrl . '/back/' .$pageUrl);
}else{
/// บันทึกไม่สำเร็จ
$_SESSION[_ss . 'add'] = 'fail';
header('location:' . $baseUrl . '/back/' .$pageUrl);
}
}
}
mysql_close();
ตัวอย่าง code หน้า Process
Code (PHP)
<?php
/*
* include file start***********************************************************
*/
if($_SESSION[_ss . 'levelaccess']!='admin'){ header('location:'.$baseUrl.'');}
/*
* include file start***********************************************************
*/
/*
* title ***********************************************************************
*/
$page = 'precess';
$headtitle = 'กำลังดำเนินการ';
$title = 'กำลังดำเนินการ';
$subtitle = '';
$icon = 'fa fa-refresh';
/*
* title ***********************************************************************
*/
/*
* php code///////////**********************************************************
*/
/// เพิ่ม ///
if($_POST['_add_']){
include 'create_process.php';
/// ลบ ///
}else if($_POST['_delete_']){
include 'delete.php';
/// แก้ไข ///
}else if($_POST['_edit_']){
include 'edit_process.php';
/// อนุญาต ///
}else if($_POST['_activate_']){
include 'activate.php';
}
ผิดพลาดตรงไหนขออภัยด้วยครับ
Tag : PHP, MySQL, JavaScript, Ajax, jQuery
|
|
|
|
|
|
Date :
2018-11-28 15:13:06 |
By :
toeyy8140 |
View :
1723 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
หาเรื่อง jquery post อ่านดูก่อนครับ...
ส่งค่าแบบ post ถ้าบันทึกเสร็จ ให้ส่งค่ากลับมา เป็น 0 1 true ก็ตามถนัด
จากนั้นสั่งให้ Modal หรือ POP UP ทำงาน ตามที่เงื่อนไขส่งกลับมาครับ
ถ้าหาตามที่บอก ก็จะเจอตัวอย่างครับ มากมายด้วยครับ
|
|
|
|
|
Date :
2018-11-28 15:27:58 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|