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

Registered : 107,150

HOME > PHP > PHP Forum > สอบถามการใช้ sweetalert+func เรื่อง confirmalert รบกวนผู้รู้ด้วยนะครับ


 

สอบถามการใช้ sweetalert+func เรื่อง confirmalert รบกวนผู้รู้ด้วยนะครับ

 



Topic : 132089



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



สถานะออฟไลน์
Twitter Facebook Hi5 Blogger



Code (JavaScript)
<script>
function confirmalert() {
	document.querySelector('#form').addEventListener('submit', function(e) {
  var form = this;

  e.preventDefault(); // <--- prevent form from submitting

  swal({
      title: "",
      text: "ตรวจสอบข้อมูลให้ถูกต้อง ?",
      icon: "warning",
      buttons: [
        'ยกเลิก',
        'บันทึก'
      ],
      dangerMode: true,
    }).then(function(isConfirm) {
      if (isConfirm) {
          form.submit(); // <--- submit form programmatically
      } else {
        swal("ยกเลิกการบันทึก !" , "กลับสู่หน้าแก้ไข", "error");
      }
    })
});
	}
</script>


พอดีใชเโค้ดตัวนี้อยู่ครับ ใช่สำหรับปุ่มแบบformไปอีกหน้า

แต่ผมอยากให้มันใช่กับปุ่มแบบรูปภาพ คลิกปุ่มแล้วแสดงเลือก
ปกไ
แบบนี้ครับ มันใช้ได้แค่กับปุ่ม submit
เลยอยากได้แบบภาพครับ
พอเอาโค้ดนี้ไปใช้รวมกันแล้วมันไม่เบรกให้อยู่หน้าเลือก
อยากทราบว่าพอใชเfunctionตัวไหนได้บ้างครับ หรือมีโค้ดแนะนำบอกด้วยนะครับ



Tag : PHP, JavaScript, Action Script, jQuery







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-09-19 08:05:42 By : benzkung53 View : 394 Reply : 10
 

 

No. 2



โพสกระทู้ ( 7,360 )
บทความ ( 1 )



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


if (isConfirm.value) { ควรอ้างอิง .value ให้เคยชิน อาจมีผลกับการทำงาน ได้

ลองใช้เครื่องมือ debug ดูครับว่ามันหลุดตรงไหน swal code ก็โอเคอยู่ครับ

ปล. ใช้ jquery หรือเปล่าครับ ถ้าใช้ jqueryอยู่ ก็เปลี่ยนโค๊ดไปใช้ jquery ดีกว่าครับ

อย่าเขียน pure javascript เลยครับ เหนื่อย (แต่ pure javascript มันก็มีข้อดีที่มันไม่หนัก ไม่เปลือง bandwidth)








ประวัติการแก้ไข
2018-09-19 10:52:02
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-19 10:48:08 By : Chaidhanan
 


 

No. 3



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



สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 2 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-09-19 10:48:08
รายละเอียดของการตอบ ::
พอดีผมพึ่งศึกษาjs และfunc นิดหน่อยอ่ะครับ และ swal code เลยยังไม่ค่อยเป็นครับ
คือลองใส่เข้าไปแล้วครับ มันก็ยังไม่เบรกให้อยู่อ่าครับ รบกวนอธิบายเพิ่มเติมได้ไหมครับ

Code (JavaScript)
<script>
function confirmalert() {
	document.querySelector('#form').addEventListener('submit', function(e) {
  var form = this;

  e.preventDefault(); // <--- prevent form from submitting

  swal({
      title: "",
      text: "ตรวจสอบข้อมูลให้ถูกต้อง ?",
      icon: "warning",
      buttons: [
        'ยกเลิก',
        'บันทึก'
      ],
      dangerMode: true,
    }).then(function(isConfirm) {
      if (isConfirm) {
          form.submit(); // <--- submit form programmatically
      } else {
        swal("ยกเลิกการบันทึก !" , "กลับสู่หน้าแก้ไข", "error");
      }
    })
});
	}
</script>


นี้โค้ดปุ่มครับ
Code (PHP)
<button type="submit" onclick="confirmalert();"><a href="<?="student_edit.php?id=$cols[0]"?>"><img src='imgsys/edit.png' width='30' height='30' /></a></button>


พอใส่ไปแล้วโค้ดjs มันขึ้นนะครับ แต่กดแล้วมันก็ไปหน้า edit เลย มันไม่เบรกรอคำสั่ง swal เลย

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-19 18:05:18 By : benzkung53
 

 

No. 4



โพสกระทู้ ( 7,360 )
บทความ ( 1 )



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


<button type="submit" onclick="confirmalert();">

สีแดงเปลี่ยน type="button" ครับ
แบบนี้ มัน เข้า submit เลยครับ เลยหลุด onclick


อีกนิด เอา tag a ออกจาก button ครับ มันตีกัน อีรุงตุงนังไปหมด


Code (PHP)
<script>
function confirmalert(e) {
	e.preventDefault();
	var frm = e.target.form;
	swal({
		title: "",
		text: "ตรวจสอบข้อมูลให้ถูกต้อง ?",
		icon: "warning",
		buttons: ['ยกเลิก','บันทึก'],
		dangerMode: true,
	}).then(function(isConfirm) {
		if (isConfirm) {			
			frm.submit(); // <--- submit form programmatically
		} else {
			swal("ยกเลิกการบันทึก !" , "กลับสู่หน้าแก้ไข", "error");
		}
	})
}
</script>
<button type="button" onclick="confirmalert( event );"><img src='imgsys/edit.png' width='30' height='30' /></button>


<a href="<?="student_edit.php?id=$cols[0]"?>"> ตรงนี้จะทำอะไร
กดครั้งเดียวจะให้ทำอะไรบ้าง โยกมันเข้าไปอยู่ใน function เดียวกันครับ


ประวัติการแก้ไข
2018-09-19 19:23:40
2018-09-19 19:32:56
2018-09-19 19:34:04
2018-09-19 19:36:26
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-19 19:21:12 By : Chaidhanan
 


 

No. 5



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



สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 4 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-09-19 19:21:12
รายละเอียดของการตอบ ::
ได้แล้วครับ แต่ติดตรง พอคำสั่ง swal ขึ้น พอกดใช่ ให้เด้งไปที่หน้าแก้ไข โดย หน้านั้นจะจดจำข้อมูลในนั้นไว้
แต่ผมทำหน้าแก้ไขไปเรียบร้อยแล้วครับ ติตดรงที่จะวางโค้ด
Code (PHP)
<a href="<?="student_edit.php?id=$cols[0]"?>">

ลงไปยังไงอ่ะครัับ ให้มันเด้งไปโดยยังจดจำค่าของมันอยู่อ่ะครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-19 21:23:36 By : benzkung53
 


 

No. 6



โพสกระทู้ ( 7,360 )
บทความ ( 1 )



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


งั้นก็ต้องเปลี่ยน วิธีการ submit ไม่ใช้ form ส่ง แต่ใช้ ajax ในการส่ง เพื่อที่จะกลับมาหน้าเดิมได้

หรือ ไฟล์ที่รับฟอร์ม ไปทำงานพอทำงานเสร็จ ข้อมูลก็มาครบหมด ก็ให้ แสดงข้อมูล ชุดนั้น ใหม่อีกครั้งได้เลย
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 00:18:17 By : Chaidhanan
 


 

No. 7



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



สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 6 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-09-20 00:18:17
รายละเอียดของการตอบ ::
พอมีตัวอย่างการใช้ ajax แนะนำไหมครับ ^^

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 01:29:15 By : benzkung53
 


 

No. 8



โพสกระทู้ ( 7,360 )
บทความ ( 1 )



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


ต้วอย่าง pure javascript ไม่มีแล้ว(ขีเกียจหา 5555)
Code (PHP)
<script>
$.ajax({
	url: 'linkurl.php',
	type:'post',
	dataType:'json',
	data: {id: 'xxx', name:'yyyyy'},
	success: (rs)=>{
		var tr = $('tr[data-id="zz"]')
		tr.find('td[fld="id"]').html(rs.id);
		tr.find('td[fld="name"]').html(rs.name);
	},
	error: (jqXHR, exception)=>{
		var msg = '';
		if (jqXHR.status === 0) { msg = 'Not connect.\n Verify Network.';
		} else if (jqXHR.status === 404) { msg = 'Requested page not found. [404]';
		} else if (jqXHR.status === 500) { msg = 'Internal Server Error [500].';
		} else if (exception === 'parsererror') { msg = 'Requested JSON parse failed.';
		} else if (exception === 'timeout') { msg = 'Time out error.';
		} else if (exception === 'abort') { msg = 'Ajax request aborted.';
		} else { msg = 'Uncaught Error.\n' + jqXHR.responseText; }
		alert(msg+'<br>กรุณาทดลองใหม่');
	}
})
</script>
<table>
<tr data-id='zz'><td fld='id'></td><td fld='name'></td></tr>
</table>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 09:51:52 By : Chaidhanan
 


 

No. 9



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



สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 8 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-09-20 09:51:52
รายละเอียดของการตอบ ::
Code (JavaScript)
<script type="text/javascript">
function confirmalert2(e) {
	e.preventDefault();
	var frm = new XMLHttpRequest();
	swal({
		title: "",
		text: "ตรวจสอบข้อมูลให้ถูกต้อง ?",
		icon: "warning",
		buttons: ['ยกเลิก','บันทึก'],
		dangerMode: true,
	}).then(function(isConfirm) {
		if (isConfirm) {	
			frm.ajax({
	url: 'linkurl.php',
	type:'post',
	dataType:'json',
	data: {id: 'xxx', name:'yyyyy'},
	success: (rs)=>{
		var tr = $('tr[data-id="zz"]')
		tr.find('td[fld="id"]').html(rs.id);
		tr.find('td[fld="name"]').html(rs.name);
	},
	error: (jqXHR, exception)=>{
		var msg = '';
		if (jqXHR.status === 0) { msg = 'Not connect.\n Verify Network.';
		} else if (jqXHR.status === 404) { msg = 'Requested page not found. [404]';
		} else if (jqXHR.status === 500) { msg = 'Internal Server Error [500].';
		} else if (exception === 'parsererror') { msg = 'Requested JSON parse failed.';
		} else if (exception === 'timeout') { msg = 'Time out error.';
		} else if (exception === 'abort') { msg = 'Ajax request aborted.';
		} else { msg = 'Uncaught Error.\n' + jqXHR.responseText; }
		alert(msg+'<br>กรุณาทดลองใหม่');
	}
})
		} else {
			swal("ยกเลิกการบันทึก !" , "กลับสู่หน้าแก้ไข", "error");
		}
	})
}
</script>



เอาโค้ดวางส่วนนี้รึป่าวครับ ผมลองสคริปมันเออเร่อตรง success: (rs)=>{ ตรงนี้อ่ะครับ
ไม่มีความรู้เรื่องajax เลยครับ รบกวนแนะนำด้วยนะครับ

หน้า editของผมเป็นแบบนี้ครับ
Code (PHP)
<?php
$id=$_GET['id'];
$img='nopic.jpg';
mysql_connect("localhost","root","");
mysql_select_db("wptr");
mysql_query("SET NAMES UTF8");
$sql="SELECT * FROM sys_student WHERE id_s=$id;";
$rs = mysql_query($sql);
$cols = mysql_fetch_array($rs);
?>



ประวัติการแก้ไข
2018-09-20 19:04:21
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 16:42:24 By : benzkung53
 


 

No. 10



โพสกระทู้ ( 7,360 )
บทความ ( 1 )



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


คุณใช้ pure javascript มาร่วมกับ jquery ไม่ได้ มันคนละ class กัน
var frm = new XMLHttpRequest();
frm.ajax()


อ่านวิธีการใช้งาน jquery ก่อนครับ เพื่อที่จะได้เขียนเองเป็น
ผมทำตัวอย่าง ให้ แต่คุณไม่ศึกษา ไม่หา document อ่านเพื่อที่จะเขียนเองให้เป็น จะรอให้เขียนให้ทั้งหมดเหรอครับ

จ้างดีกว่าไหมครับ

หา document อ่านเถอะครับจะได้เป็น
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 19:00:44 By : Chaidhanan
 


 

No. 11



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



สถานะออฟไลน์
Twitter Facebook Hi5 Blogger

ตอบความคิดเห็นที่ : 10 เขียนโดย : Chaidhanan เมื่อวันที่ 2018-09-20 19:00:44
รายละเอียดของการตอบ ::
Code (JavaScript)
<script type="text/javascript">
function confirmalert2(data) {
	swal({
		title: "",
		text: "ตรวจสอบข้อมูลให้ถูกต้อง ?",
		icon: "warning",
		buttons: ['ยกเลิก','บันทึก'],
		dangerMode: true,
	}).then(function(isConfirm) {
		if (isConfirm) {
		console.log(data);
		window.location = data;
	} else {
			swal("ยกเลิกการบันทึก !" , "กลับสู่หน้าแก้ไข", "error");
		}
	})
}
</script>


Code (PHP)
<button type="button" onclick="confirmalert2('<?="student_edit.php?id=$cols[0]"?>')">button</button>



ทำได้ละครับ ไม่ต้องใช้ ajax แต่ใช้การโยนค่าทั้งหมดไป
เพื่อมีนติดปัญหาเดียวกันครับ เลยทิ้งโพสไว้ให้ครับ


ประวัติการแก้ไข
2018-09-21 10:50:51
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-09-20 19:21:09 By : benzkung53
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามการใช้ sweetalert+func เรื่อง confirmalert รบกวนผู้รู้ด้วยนะครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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: Voake, Comcube, vps | เช่า vps , รับทำเว็บไซต์ รับเขียนโปรแกรม

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