Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ขอคำแนะนำหน่อยครับ อยากบันทึกข้อมูลโดยไม่ต้องโหลดหน้าใหม่ แล้วมี pop up ขึ้นในหน้านั้นว่าบันทึกข้อมูลเรียบร้อย



 

ขอคำแนะนำหน่อยครับ อยากบันทึกข้อมูลโดยไม่ต้องโหลดหน้าใหม่ แล้วมี pop up ขึ้นในหน้านั้นว่าบันทึกข้อมูลเรียบร้อย

 



Topic : 132662



โพสกระทู้ ( 18 )
บทความ ( 0 )



สถานะออฟไลน์




หน้าเว็บ

อยากทำแบบ พอกดปุ่มบันทึกข้อมูลแล้ว ไม่ต้องโหลดหน้าใหม่ครับ โดยให้บันทึกไปเลยแล้วมี 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-11-28 15:13:06 By : toeyy8140 View : 1723 Reply : 2
 

 

No. 1



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


หาเรื่อง jquery post อ่านดูก่อนครับ...
ส่งค่าแบบ post ถ้าบันทึกเสร็จ ให้ส่งค่ากลับมา เป็น 0 1 true ก็ตามถนัด
จากนั้นสั่งให้ Modal หรือ POP UP ทำงาน ตามที่เงื่อนไขส่งกลับมาครับ
ถ้าหาตามที่บอก ก็จะเจอตัวอย่างครับ มากมายด้วยครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-28 15:27:58 By : apisitp
 


 

No. 2



โพสกระทู้ ( 18 )
บทความ ( 0 )



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : apisitp เมื่อวันที่ 2018-11-28 15:27:58
รายละเอียดของการตอบ ::
ขอบคุณครับ เดี๋ยวจะหาดู

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-11-28 15:40:00 By : toeyy8140
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ขอคำแนะนำหน่อยครับ อยากบันทึกข้อมูลโดยไม่ต้องโหลดหน้าใหม่ แล้วมี pop up ขึ้นในหน้านั้นว่าบันทึกข้อมูลเรียบร้อย
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่