วันพุธที่ 26 พฤศจิกายน พ.ศ. 2557

Confirm() Function JavaScript การยืนยันการดำเนินการ ง่าย ๆ แต่สำคัญ

Confirm() Function JavaScript การยืนยันการดำเนินการ ง่าย ๆ แต่สำคัญ

    JavaScript นับเป็นเครื่องมือที่สำคัญและจำเป็นอยู่มากสำหรับการเขียนเว็บด้วย PHP เนื่องจาก PHP ยังไม่มีฟังก์ชั่นที่สนับสนุน เพราะ PHP จะทำงานเฉพาะที่ฝั่ง Server คือ การจะทำงานได้นั้นจะต้องส่งค่าไปยังเครื่อง Server เท่านั้น จึงจะสามารถประมวลผลต่าง ๆ ได้ ซึ่งคำสั่ง และลูกเล่นต่าง ๆ คิดว่าหลาย ๆ คนคงจะเคยเห็น เคยใช้งานกันมาบ้างแล้ว
ในบทความนี้ จะขอนำเสนอฟังก์ชั่น Javascript ที่ใช้บ่อยๆ อาจจะไม่ใช่ฟังก์ชั่นที่ซับซ้อนมากมาย แต่ก็สำคัญและจำเป็นต้องใช้

Confirm Function : ฟังก์ชั่นสำหรับยืนยันการดำเนินการ รูปแบบเป็นดังนี้
แบบที่ 1 แบบมาตราฐาน ใช้กันทั่วไป
<script language="JavaScript">
       function chkdel(){
       if(confirm(' กรุณายืนยันการลบอีกครั้ง !!! ')){
       return true; // ถ้าตกลง OK โปรแกรมก็จะทำงานต่อไป
      }else{
        return false; // ถ้าตอบ Cancel ก็คือไม่ต้องทำอะไร
              }
       }
</script>
รูปแบบการเรียกใช้ฟังก์ชั่น
<a href="sex.php?submit=DEL&id_delete=1" OnClick="return chkdel();">
<img src="style/images/del.png"></a>


แบบที่ 2 สั้น ๆ ง่าย ๆ กว่ากันเยอะ
< a href="sex.php?submit=DEL&id_delete=1" onclick="return confirm('กรุณายืนยันการลบอีกครั้ง !!!')" >
Delete </ a >

โค้ดตัวอย่างนี้เป็นการยืนยันการลบข้อมูล



ทั้งสองแบบ ก็ได้ผลเหมือนกัน ใครชอบแบบไหนก็แล้วแต่จะเลือก
 เมื่อผู้ใช้งานกดที่ปุ่ม Delete ( จะเป็นปุ่ม หรือ เป็นแบบปุ่มรูปภาพก็ได้ )
 ก็จะเข้าเหตุการ Onclick ที่เราเขียนโค้ดไว้
 Javascript ก็จะทำงานล่ะ คือ แสดงหน้าจอยืนยัน ดังรูปนะครับ เพื่อให้ผู้ใช้เลือก
 หากผู้ใช้งานตกลงยืนยันการลบนี้ ( กดที่ปุ่ม OK ) ระบบก็จะดำเนินการต่อไป ตามที่เราต้องการ
 ในที่นี้คือ sex.php?submit=DEL&id_delete=1 (ส่งตัวแปร submit และตัวแปร id_delete ไปที่หน้า sex.php )

เราก็ไปเขียนโค้ดที่หน้า sex.php ไว้ดังตัวอย่างนี้ครับ

<?
       if ($submit=="DEL"){
              $sql="delete from tbl_sex where sex_id =".$id_delete;
              mysql_query($sql);
       }
?>

ไม่มีความคิดเห็น:

แสดงความคิดเห็น