|
 |
| |
Jquery ทำงานร่วมกับ Ajax แล้วมีปัญหาครับ calendar pikup |
| |
 |
|
|
 |
 |
|
Code (PHP)
//test2.php
<font class="detailDesc"><font class="css_code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Clone TR With DatePicker by PlaKriM ฉึกๆ</title>
<link type="text/css" href="jquery-ui-1.8.1.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.1.offset.datepicker.min.js"></script>
<script type="text/javascript">
var options = {
dateFormat: 'yy/mm/dd',
changeYear: true,
changeMonth: true,
buttonImageOnly: true,
buttonText: 'คลิกเพื่อเลือกวันที่',
showOn: 'button',
buttonImage: 'jquery-ui-1.8.4.custom/images/date_picker.gif',
duration: 'fast'
};
$(function(){
$('.datepicker').datepicker(options);
$("img[src$='images/date_picker.gif']").mouseover(function() {
$(this).css('cursor','pointer');
});
$('#insert')
.click(function(){
$('#mytbl tbody tr')
.last().clone().prependTo("#mytbl tbody")
.find('.datepicker').each(function() {
$(this).next('img').remove();
$(this).removeAttr('id').removeClass('hasDatepicker').datepicker(options);
$("img[src$='images/date_picker.gif']").mouseover(function() {
$(this).css('cursor','pointer');
});
});
})
.css('cursor','pointer');
$('#delete')
.click(function(){
if($('#mytbl tbody tr').length > 1) $('#mytbl tbody tr').last().remove();
})
.css('cursor','pointer');
});
</script>
<style type="text/css">
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {font:10px Tahoma, Geneva, sans-serif;}
</style>
</head>
<body>
<table id="mytbl" border="1" cellpadding="2" cellspacing="0">
<thead>
<tr>
<td align="center"><strong>Textbox</strong></td>
<td align="center"><strong>DropDown</strong></td>
<td align="center"><strong>DatePicker</strong></td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" name="a[]" /></td>
<td align="center">
<select type="text" name="b[]">
<option value="1">Choice 1</option>
<option value="2">Choice 2</option>
<option value="3">Choice 3</option>
</select>
</td>
<td><input type="text" name="c[]" class="datepicker" /></td>
</tr>
</tbody>
</table>
<input type="button" value="+" id="insert" />
<input type="button" value="-" id="delete" />
<div>
<strong>Note :</strong> รูปปฎิทินหาเอง Jquery Core and UI โหลดเอง ฉึกๆ
</div>
</body>
</html>
</font></font>
นี้เป็นตัว code ที่ยังไม่ได้ทำการเรียกผ่าน Ajax ครับมันจะใช้งานได้ตามปกติ
เมื่อผมใช้ คำสั่ง onclick เรียก test2.php มาแสดงในหน้า content.php แล้ว มันก็ไม่ทำงานอ่ะครับ content.php เป็นหน้าีที่มีการใช้งาน Ajax
Code (PHP)
<a href="#"onclick="load_page('test2.php','show_detail');">test2</a>
พอจะมีแนวทางแก้ไข หรือมี code ที่ทำให้มันสามารถทำงานได้หรือป่าวครับ ช่วยด้วยนะครับผม
Tag : PHP, Ajax, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2010-12-11 20:23:40 |
By :
saberakito |
View :
2721 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
นี้รูปที่มันเสียนะครับ
|
| |
|
|
| |
| Date :
2010-12-11 20:25:26 |
By :
saberakito |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ทำได้ครับแต่ภายใน test2.php ไม่ควรมีคำสั่ง <script> ใดๆ ครับ (ควรเป็น html เปล่าๆ ที่ไม่มี onclick หรือ <script>)
จากตัวอย่างมี script อยู่มากไม่ใช่วิธีการปกติของการใช้ ajax จะทำให้เกิด error ที่ควบคุมได้ยากครับ
ย้าย <script> ทั้งหมดไปไว้ที่ content.php แทน
<a href="#"onclick="load_page('test2.php','show_detail');">test2</a>
อาจเปลี่ยนเป็น
<a href="#" onclick="$('#show_detail').load('test2.php',function(){ /*แทรกคำสั่ง datepicker */ });">test2</a>
|
| |
|
|
| |
| Date :
2010-12-11 20:46:11 |
By :
num |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณมากๆ ครับ เดี๋ยวผมจะลองดู
|
| |
|
|
| |
| Date :
2010-12-11 22:14:28 |
By :
saberakito |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วครับ แปบเดียวได้เลย T^T
ผมนั่งทำมา เกือบวันไม่ออกกก Ha Ha Ha
ขอบคุณ คุณ Guest ม า ก ม า ก เ ล ย น ะ ค ร ั บ ผ ม 
|
| |
|
|
| |
| Date :
2010-12-11 22:25:17 |
By :
saberakito |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอตัวอย่างบางสิครับว่าเอา คำสั่ง DATEPICKER ตรงไหนมาใส่ครับ
|
| |
|
|
| |
| Date :
2012-01-24 10:48:27 |
By :
satonpanit |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
