|
 |
| |
fancy box ไม่ทำงานครับ ช่วยดูให้หน่อยนะครับ มี ajax มาเกี่ยวด้วยครับ |
| |
 |
|
|
 |
 |
|
ตอนนี้ popup ขึ้นมาแค่เมื่อกดปุ่มที่ 1(เทสเฉย ๆ) อะครับ ที่ต้องการคือ กดปุ่มที่ 2 แล้ว popup เด้งเพื่อแก้ไขข้อมูล
index.php
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
include 'connect.php';
?>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ค้นหาข้อมูล : itoffside.com</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
<style>
body{
margin-top: 20px;
}
.loading{
background-image: url("ajax-loader.gif");
background-repeat: no-repeat;
display: none;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<form class="form-inline" name="searchform" id="searchform">
<div class="form-group">
<label for="textsearch" >ชื่อสินค้า</label>
<input type="text" name="POID" id="POID" class="form-control" placeholder="ข้อความ คำค้นหา!" autocomplete="off">
</div>
<button type="button" class="btn btn-primary" id="btnSearch">
<span class="glyphicon glyphicon-search"></span>
ค้นหา
</button>
<button type="button" class="btn btn-primary" id="btnSearch1">
<span class="glyphicon glyphicon-search"></span>
1
</button>
</form>
</div>
</div>
<div class="loading"></div>
<div class="row" id="list-data" style="margin-top: 10px;">
</div>
</div>
<script type="text/javascript" src="jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.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" />
<script type="text/javascript">
$(function () {
$("#btnSearch").click(function () {
$.ajax({
url: "search.php",
type: "post",
data: {POID: $("#POID").val()},
beforeSend: function () {
$(".loading").show();
},
complete: function () {
$(".loading").hide();
},
success: function (data) {
$("#list-data").html(data);
$("#btnSearch1").fancybox();
}
});
});
$("#searchform").on("keyup keypress",function(e){
var code = e.keycode || e.which;
if(code==13){
$("#btnSearch").click();
return false;
}
});
});
</script>
</body>
</html>
search.php
Code (PHP)
<?php
include 'connect.php';
$sql = "select * from po where POID like '%{$_POST['POID']}%'";
$query = mysql_query($sql);
?>
<div class="col-md-12">
<table class="table table-bordered">
<thead>
<tr>
<th>ยืนยัน</th>
<th>รหัส po</th>
<th>วันที่</th>
<th>ชื่อบริษัท</th>
<th>ชื่อสินค้า</th>
<th>จำนวน</th>
<th>หน่วยนับ</th>
<th>ราคา</th>
</tr>
</thead>
<tbody>
<?php $i=1; while ($result = mysql_fetch_assoc($query)) { ?>
<tr>
<td align ="center"><button type="button" class="btn btn-primary" id="btnSearch1">
<span class="glyphicon glyphicon-search"></span>
2
</button></td>
<td><?php echo $result['POID'];?></td>
<td><?php echo $result['DATEDOC'];?></td>
<td><?php echo $result['COMP'];?></td>
<td><?php echo $result['DESC'];?></td>
<td><?php echo $result['QUAN'];?></td>
<td><?php echo $result['UNIT_SAL'];?></td>
<td><?php echo number_format($result['PRICE']);?></td>
</tr>
<?php $i++; } ?>
</tbody>
</table>
</div>
รบกวนด้วยนะครับ
Tag : PHP, JavaScript, Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2016-04-21 17:36:50 |
By :
kongbeng_36 |
View :
1416 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
มันมี Error อยู่นะครับ 
|
| |
|
|
| |
| Date :
2016-04-22 09:07:11 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ถ้างี้มันเรียกว่าทำงานครับ แต่ url ปลายทางเราผิด
|
| |
|
|
| |
| Date :
2016-04-22 09:15:11 |
By :
benzsara |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 01
|
