|
|
|
ขอถามในการสร้างกล่อง Fancybox ตามบมความที่ผมได้ลองทำตามบทความ... |
|
|
|
|
|
|
|
รบกวนขอคำแนะนำจากพี่วิน และทุกท่านด้วยครับ
อ้างอิงจากบทความ
https://www.thaicreate.com/community/popup-fancybox-jquery-php-mysql.html
ถ้าผมไม่มีการแก้ไข หรือลบข้อมูลจากกล่องของ Fancybox แต่ผมต้องการ กรณีที่ลิสรายการ ตาม code ด้านล่าง
ให้เป็นกล่องของ Fancybox เลยครับ... รบกวนด้วยครับ
Code (listdata.php)
<html>
<head>
<title>ThaiCreate.Com PHP & MySQL Tutorial</title>
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style/style.css" />
<script type="text/javascript">
$(document).ready(function() {
$('a[id^="edit"]').fancybox({
'width' : '45%',
'height' : '20%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
onClosed : function() {
parent.location.reload(true);
}
});
$('a[id^="delete"]').fancybox({
'width' : '20%',
'height' : '20%',
onStart : function() {
return window.confirm('Do you want to delete?');
},
onClosed : function() {
parent.location.reload(true);
}
});
/*
onStart : function() {
return window.confirm('Continue?');
},
onCancel : function() {
alert('Canceled!');
},
onComplete : function() {
alert('Completed!');
},
onCleanup : function() {
return window.confirm('Close?');
},
onClosed : function() {
alert('Closed!');
}
*/
});
</script>
</head>
<body>
<?
$objConnect = mysql_connect("localhost","root","root") or die("Error Connect to Database");
$objDB = mysql_select_db("mydatabase");
$strSQL = "SELECT * FROM customer";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
?>
<div align="center">
<table width="600" border="1">
<tr>
<th width="91"> <div align="center">CustomerID </div></th>
<th width="98"> <div align="center">Name </div></th>
<th width="198"> <div align="center">Email </div></th>
<th width="97"> <div align="center">CountryCode </div></th>
<th width="59"> <div align="center">Budget </div></th>
<th width="71"> <div align="center">Used </div></th>
<th width="30"> <div align="center">Edit </div></th>
<th width="30"> <div align="center">Delete </div></th>
</tr>
<?
$i=0;
while($objResult = mysql_fetch_array($objQuery))
{
$i++;
?>
<tr>
<td><div align="center"><?=$objResult["CustomerID"];?></div></td>
<td><?=$objResult["Name"];?></td>
<td><?=$objResult["Email"];?></td>
<td><div align="center"><?=$objResult["CountryCode"];?></div></td>
<td align="right"><?=$objResult["Budget"];?></td>
<td align="right"><?=$objResult["Used"];?></td>
<td align="center"><a id="edit<?=$i;?>" class="various iframe" href="editform.php?CusID=<?=$objResult["CustomerID"];?>">Edit</a></td>
<td align="center"><a id="delete<?=$i;?>" class="various iframe" href="delete.php?CusID=<?=$objResult["CustomerID"];?>">Delete</a></td>
</tr>
<?
}
?>
</table>
</div>
<?
mysql_close($objConnect);
?>
</body>
</html>
Tag : PHP, MySQL, JAVA
|
|
|
|
|
|
Date :
2013-02-16 12:01:07 |
By :
sompong |
View :
961 |
Reply :
5 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#popup').fancybox({
<table width="600" border="1" id="popup">
สร้างมันขึ้นมาแบบนี้เลยครับ
|
|
|
|
|
Date :
2013-02-17 07:49:24 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
จาก code ตัวอย่างด้านบน แล้วผมต้องแทรกโค๊ดยังไงครับ ลองแล้วไม่ได้เลย...
|
|
|
|
|
Date :
2013-02-18 10:30:12 |
By :
sompong |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รบกวนท่านผู้รู้ ตอบด้วยครับ....
|
|
|
|
|
Date :
2013-02-18 14:06:32 |
By :
sompong |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$('#popup').fancybox({
'width' : '45%',
'height' : '20%',
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe',
onClosed : function() {
parent.location.reload(true);
}
});
<table width="600" border="1" id="popup">
อุสาร์แก้ให้แล้วน่ะเนีย
|
|
|
|
|
Date :
2013-02-18 18:30:44 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รอดูกระทู้ตั้งนาน สุดท้ายท่านวินก็มาลงมือเอง.....
|
|
|
|
|
Date :
2013-02-18 19:16:37 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|