|
 |
| |
สอบถามเรื่อง Alert หน่อยครับ โดยใช้ SweetAlert + Bootstrap ในการลบข้อมูล (แจ้งเตือนก่อนทำการลบข้อมูล) |
| |
 |
|
|
 |
 |
|
คือผมต้องการให้มันแจ้งเตือนก่อนจะทำการลบ โดยกดปุ่ม Submit ให้ return กลับมาถามก่อนครับ ตอนนี้ผมติดก็คือ ผมกด Submit มันถามก็จริงแต่ พอกดลบ ก็ไม่ไปนะครับ ผมต้องทำอย่างไรดี ผมใช้ SweetAlert ร่วมกับ Bootstrap นะครับ
นี้เป็น JS ที่ผมดึงมาใช้ http://lipis.github.io/bootstrap-sweetalert/
รบกวนท่านผู้รู้ช่วยชี้แนะหน่อยครับ
โค้ดในส่วนของ JS
Code (JavaScript)
<script type="text/javascript">
function chkConfirm(){
if (swal({
title: "คุณต้องการลบใช่หรือไม่?",
text: "หากลบแล้วจะไม่สามารถกู้คืนได้อีก!",
type: "error",
showCancelButton: true,
confirmButtonClass: 'btn-danger',
confirmButtonText: 'ลบ!',
cancelButtonClass: 'btn-info',
cancelButtonText: 'ยกเลิก'
})
){
return true;
} else {
return false;
}
}
</script>
โค้ดในส่วนของ PHP
Code (PHP)
<td align="center"><form action="" method="post" name="form3" id="form3">
<button class="btn btn-lg btn-danger btn-block btn-sm" onclick="return chkConfirm();">ลบ</button>
<input name="select" type="hidden" id="select" value="del"/>
<input name="A_id" type="hidden" id="A_id" value="<?php echo $objResult["cateA_id"] ;?>"/>
</form></td>
ส่วนนี้คือโค้ดทั้งหน้าครับ
Code (PHP)
<?php
session_start();
ob_start();
?>
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="css/leftMenu.css" />
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- This is what you need -->
<script src="lib/sweet-alert.js"></script>
<link rel="stylesheet" href="lib/sweet-alert.css">
<!--.......................-->
<head>
<title>ระบบการบริการข้อมูลข่าวสารความรู้เชิงวิชการและกิจกรรม สาขาวิชาวิศวกรรมซอฟต์แวร์ มหาวิทยาลัยราชภัฏลำปาง</title>
</head>
<style type="text/css">
body {
background-attachment: fixed;
background-repeat: no-repeat;
}
body, td, th {
font-family: Tahoma, Geneva, sans-serif;
}
</style>
<script type="text/javascript">
function chkConfirm(){
if (swal({
title: "คุณต้องการลบใช่หรือไม่?",
text: "หากลบแล้วจะไม่สามารถกู้คืนได้อีก!",
type: "error",
showCancelButton: true,
confirmButtonClass: 'btn-danger',
confirmButtonText: 'ลบ!',
cancelButtonClass: 'btn-info',
cancelButtonText: 'ยกเลิก'
})
){
return true;
} else {
return false;
}
}
</script>
<body>
<div class="container">
<div class="row">
<div class="col-md-12"><img src="images/banner.jpg"></div>
<div class="col-md-2">
<?php
include('Config_Database/Connect_DB.php');
if(isset($_SESSION["username"]))
{
if(!empty($_SESSION["username"]))
{
?>
<div class="panel panel-primary">
<div class="panel-heading"><center>ข้อมูลผู้ใช้งาน</center></div>
<?php
$sqlMem = "SELECT * FROM member WHERE logID ='".$_SESSION["username"]."'";
$queryMem = mysql_query($sqlMem);
$objQueryMem = mysql_fetch_array($queryMem);
?>
<table class="table table-bordered">
<tr>
<td><span class="label label-success">ผู้ใช้ :</span> <?php echo $_SESSION["username"]."<br>";?></td>
</tr>
<tr>
<td><span class="label label-info">ชื่อ :</span> <?php echo $objQueryMem["memName"]." ".$objQueryMem["memLname"]; ?></td>
</tr>
</table>
</div>
<?php
}
}
else
{
?>
<div class="panel panel-primary">
<div class="panel-heading">Profile</div>
<div class="panel-body">
บุคคลทั่วไป
</div>
</div>
<?php
}
?>
</div>
<div class="col-md-10"><?php include('menu/topmenu.php'); ?></div>
<div class="col-md-10"><p align="center">ระบบจัดการประเภทข่าวสาร</p></div>
<!-- Coding -->
</div>
<div class="row">
<div class="col-md-2">
<?php if(isset($objQueryMem["memStatus"]))
{
if($objQueryMem["memStatus"] == "-99" or $objQueryMem["memStatus"] == "-1")
{
include('menu/adminmenu.php');
}
else
{
include('menu/membermenu.php');
}
}
else
{
include('menu/menu.php');
}
?>
</div>
<div class="col-md-10">
<?php if(isset($objQueryMem["memStatus"]))
{
if($objQueryMem["memStatus"] == "-99" or $objQueryMem["memStatus"] == "-1")
{
if(isset($_POST["select"]))
{
if($_POST["select"] == "add")
{
//---------------------ส่วน เพิ่ม ข้อมูล----------------------------
?>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<center>
<form action="insert-categoryActivity.php" method="post">
<table width="492" border="0" class="table table-bordered">
<tr class="success">
<td width="184" align="center"><h4>ประเภทกิจกรรม</h4>
</td>
<td width="292">
<input name="cateA_type" type="text" value="" size="50" class="form-control"/></td>
</tr>
</table>
<button type="submit" class="btn btn-default btn btn-info">บันทึกข้อมูล</button>
</form>
</center>
</div>
<div class="col-md-3"></div>
</div>
<?php
//---------------------ส่วน Edit ข้อมูล----------------------------
}
elseif($_POST["select"] == "edit")
{
//---------------------ส่วน Edit ข้อมูล----------------------------
$strSQLedit = "SELECT * FROM categoryactivity where cateA_id ='".$_POST["A_id"]."'";
$objQueryEdit = mysql_query($strSQLedit);
$result = mysql_fetch_array($objQueryEdit);
//$number = mysql_num_rows($objQueryEdit);
?>
<center>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6">
<form action="update-categoryActivity.php" method="post">
<table width="492" border="1" class="table table-bordered">
<tr class="warning">
<td width="184" align="center"><h4>รหัส</h4></td>
<td width="292"><input name="cateA_id" type="text" value="<?php echo $result["cateA_id"]; ?>" size="20" readonly class="form-control"/></td>
</tr>
<tr class="warning">
<td align="center"><h4>ประเภทกิจกรรม</h4></td>
<td><input name="cateA_type" type="text" value="<?php echo $result["cateA_type"]; ?>" size="50" class="form-control"/></td>
</tr>
</table>
<button type="submit" class="btn btn-info">บันทึกข้อมูล</button>
<input name="A_id" type="hidden" id="A_id" value="<?php echo $_POST["A_id"];?>"/>
<button type="reset" class="btn btn-warning">คืนค่า</button>
</form>
</div>
<div class="col-md-3"></div>
</div>
</center>
<?php
//----------------------ส่วน Edit ข้อมูล--------------------------------
}
elseif($_POST["select"] == "del")
{
//-----------ส่วน Delete ข้อมูล-------------------
$sqlDelete="DELETE FROM categoryactivity WHERE cateA_id ='".$_POST["A_id"]."'";
$queryDelete=mysql_query($sqlDelete);
if($queryDelete)
{
echo "<script>swal('Good job!', 'You clicked the button!', 'success');</script>";
}
else
{
echo "<script>alert('ไม่สามารถลบข้อมูลดังกล่าวได้ กรุณาตรวจสอบฐานข้อมูล.');</script>";
}
//-----------ส่วน Delete ข้อมูล-------------------
}
}
//----------End if select----------------
?>
</p>
<form action="" method="post" name="form1" id="form1">
<p><button type="submit" class="btn btn-default btn btn-primary">เพิ่มข้อมูล</button></p>
<input name="select" type="hidden" id="select" value="add"/>
</form>
<?php
$strSQL = "SELECT * FROM categoryactivity";
$objQuery = mysql_query($strSQL);
$number = mysql_num_rows($objQuery);
?>
<table width="600" border="1" align="center" class="table table-bordered">
<tr class="active">
<td width="96" align="center">รหัส</td>
<td width="376" align="center">ประเภทกิจกรรม</td>
<td width="50" align="center">แก้ไข</td>
<td width="50" align="center">ลบ</td>
</tr>
<tr>
<?php
while($objResult = mysql_fetch_array($objQuery))
{
?>
<td align="center"><?php echo $objResult["cateA_id"]; ?></td>
<td><?php echo $objResult["cateA_type"]; ?></td>
<td align="center">
<?php
if(isset($_POST["select"]) and isset($_POST["A_id"]))
{
if($_POST["select"] == "edit" and $objResult["cateA_id"] == $_POST["A_id"])
{
echo "ดำเนินการ";
}
else
{
?>
<form action="" method="post" name="form2" id="form2">
<button type="submit" class="btn btn-warning btn-block btn-sm"> แก้ไข</button>
<input name="select" type="hidden" id="select" value="edit"/>
<input name="A_id" type="hidden" id="A_id" value="<?php echo $objResult["cateA_id"] ;?>"/>
</form>
<?php
}
}
else
{
?>
<form action="" method="post" name="form2" id="form2">
<button type="submit" class="btn btn-warning btn-block btn-sm"> แก้ไข</button>
<input name="select" type="hidden" id="select" value="edit"/>
<input name="A_id" type="hidden" id="A_id" value="<?php echo $objResult["cateA_id"] ;?>"/>
</form>
<?php
}
?>
</td>
<td align="center"><form action="" method="post" name="form3" id="form3">
<button class="btn btn-lg btn-danger btn-block btn-sm" onclick="return chkConfirm();">ลบ</button>
<input name="select" type="hidden" id="select" value="del"/>
<input name="A_id" type="hidden" id="A_id" value="<?php echo $objResult["cateA_id"] ;?>"/>
</form>
</td>
</tr>
<?php
}
?>
</table>
<?php
}
else
{
echo "<meta http-equiv='refresh'content='0;url=../index.php'>";
echo "<script>alert('คุณไม่มีสิทธิ์เข้าถึงข้อมูลส่วนดังกล่าว.');</script>";
}
}
else
{
echo "<meta http-equiv='refresh'content='0;url=../index.php'>";
echo "<script>alert('คุณไม่มีสิทธิ์เข้าถึงข้อมูลส่วนดังกล่าว.');</script>";
}
?>
<!-- Coding -->
</div>
</div>
<?php include('menu/foot_menu.php');?>
</div>
<!--<script src="css/jquery-ui.css"></script> -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
Tag : PHP, HTML/CSS, JavaScript, Windows
|
|
|
 |
 |
 |
 |
| Date :
2015-11-24 17:02:34 |
By :
bigsofteng |
View :
7653 |
Reply :
3 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ได้ละครับ ขอบคุณมากนะครับ ผมใช้ Ajax เข้ามาช่วย รุ่นพี่ที่สาขาช่วยทำ ตอนนี้ได้แล้วครับ 
|
ประวัติการแก้ไข
2015-11-25 00:21:43
| |
|
|
| |
| Date :
2015-11-24 20:59:36 |
By :
bigsofteng |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2015-11-25 08:54:48 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 02
|
