สวัสดีครับในบทความนี้จะแจก Code Sweet Alert แบบไม่ต้องคลิก OK สามารถ redirect ได้อัตโนมัติ เหมาะสำหรับนำไปใช้กับภาษาที่เราใช้ในการพัฒนาระบบสารสนเทศ เช่น ภาษา PHP หรือภาษาที่เราถนัด เป็นต้น ตัว sweet alert จะนิยมนำไปใช้ภายใต้เงื่อนไขของโปรแกรมที่เราเขียนขึ้นมา เช่น เพิ่มข้อมูลสำเร็จก็จะมี sweet alert เด้งแจ้งขึ้นมาว่า เพิ่มข้อมูลสำเร็จ ฯลฯ ตัว code แจกให้เอาไปศึกษาและพัฒนาต่อยอดครับ
ขอแนะนำระบบพร้อมใช้ ราคาถูก ได้ Code + Database ทั้งหมด
1.เว็บอีคอมเมิร์ช คลิก
2.เว็บ FOOD POS ขายอาหารหน้าร้าน คลิก
3.เว็บ Coffee POS ขายกาแฟหน้าร้าน คลิก
4.เว็บบริษัท / เว็บองค์กร คลิก
5.ระบบหอพัก โปรแกรมหอพัก คลิก
6.ระบบยืมคืน เบิกจ่ายพัสดุ ครุภัณฑ์ คลิก
7.ระบบแจ้งซ่อมสำหรับองค์กร คลิก
8.ระบบฐานข้อมูลวิจัย คลังข้อมูลวิจัย ฐานข้อมูลวิทยานิพนธ์ Research Corpus คลิก
9.ระบบสอบออนไลน์ คลิก
10.ระบบอื่นๆ เพิ่มเติม คลิก
*ขอแนะนำระบบจัดการหอพักออนไลน์ รายละเอียดเพิ่มเติมใต้คลิป
ระบบข้อสอบออนไลน์ , ระบบคลังข้อสอบ, โปรแกรมสอบเก็บคะแนน PHP PDO Online Testing System รายละเอียดเพิ่มเติมใต้คลิป
รวมคลิปสอนปรับพื้นฐาน ภาษา php ฟรี 100 คลิป ++ https://devbanban.com/?p=3940
โค้ดประกอบด้วย
- HTML
- Sweet Alert
คลิปแนะนำ Code
Full Code สามารถ save เป็น .html แล้วรันได้เลยครับ เช่น sweetalert.html
*มีคอมเม้นเพิ่มเติมใน code ครับ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ตัวอย่าง Sweet Alert แบบไม่ต้องคลิก OK สามารถ redirect ได้อัตโนมัติ devbanban.com 2022</title> <!-- sweet alert js & css --> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css"> </head> <body> <h1>ตัวอย่าง Sweet Alert แบบไม่ต้องคลิก OK สามารถ Redirect ได้อัตโนมัติ</h1> <script> setTimeout(function() { swal({ title: "Success!", //ข้อความ เปลี่ยนได้ เช่น บันทึกข้อมูลสำเร็จ!! text: "Redirecting in 3 seconds.", //ข้อความเปลี่ยนได้ตามการใช้งาน type: "success", //success, warning, danger timer: 3000, //ระยะเวลา redirect 3000 = 3 วิ เพิ่มลดได้ showConfirmButton: false //ปิดการแสดงปุ่มคอนเฟิร์ม ถ้าแก้เป็น true จะแสดงปุ่ม ok ให้คลิกเหมือนเดิม }, function(){ window.location.href = "https://devbanban.com/?p=2867"; //หน้าเพจที่เราต้องการให้ redirect ไป อาจใส่เป็นชื่อไฟล์ภายในโปรเจคเราก็ได้ครับ เช่น admin.php }); }); </script> </body> </html> <!-- คู่มือ https://sweetalert.js.org/docs/ ตัวอย่างการนำไปใช้ภายใต้เงื่อนไขของภาษา PHP ตัวอย่าง Code PHP PDO CRUD ระบบเพิ่ม ลบ แก้ไข แสดงข้อมูล เบื้องต้น https://devbanban.com/?p=4146 คอร์สออนไลน์. https://devbanban.com/?p=2867 ระบบพร้อมใช้. https://devbanban.com/?p=4425 สนใจ inbox มาที่ https://www.facebook.com/sornwebsites ซื้อคอร์สซื้อโปรแกรมกับผมแล้วปรึกษาได้เรื่อยๆ ครับ ___ ระบบหอพัก : https://www.youtube.com/watch?v=O7Bh0BNCDz8 ระบบสอนออนไลน์ : https://www.youtube.com/watch?v=WOTLFEflkMk --> |
การนำไปต่อยอด
ตัวอย่างการนำไปใช้ภายใต้เงื่อนไขของภาษา PHP
Free Code PHP PDO CRUD ระบบเพิ่ม ลบ แก้ไข แสดงข้อมูล เบื้องต้น https://devbanban.com/?p=4146
ร่วมสนับสนุน ค่ากาแฟ ค่าโฮส devbanban.com ได้ที่
ธนาคารกรุงไทย สาขาเดอะมอลล์ท่าพระ
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 878-0-17747-6
————————————————————————————
ธนาคารไทยพาณิชย์ สาขามหาวิทยาลัยราชภัฏธนบุรี
ชื่อบัญชี นายพิศิษฐ์ บวรเลิศสุธี เลขที่ 406-359094-1
fanpage : https://www.facebook.com/sornwebsites/