|
 |
| |
[jQuery+MYSQL] ขอความช่วยเหลือเรื่องการ select ข้อมูลด้วยวันที่ และนำมาทำ slide หน่อยครับ ^^ |
| |
 |
|
|
 |
 |
|
ขอความช่วยเหลือเรื่องการ select ข้อมูลด้วยวันที่ และนำมาทำ slide หน่อยครับ ^^
Code (SQL)
SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for `table_content`
-- ----------------------------
DROP TABLE IF EXISTS `table_content`;
CREATE TABLE `table_matchs_copy` (
`id` int(6) NOT NULL auto_increment,
`content` varchar(100) collate utf8_unicode_ci default NULL,
`period_date` datetime default NULL,
`create_date` datetime default NULL,
`create_by` varchar(100) collate utf8_unicode_ci default NULL,
`update_date` datetime default NULL,
`update_by` varchar(100) collate utf8_unicode_ci default NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=7 DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;
-- ----------------------------
-- Records of table_matchs_copy
-- ----------------------------
INSERT INTO `table_matchs_copy` VALUES ('1', 'content#1', '2013-01-10 14:04:00', '2013-01-10 13:04:17', 'admin', '2013-01-10 13:04:22', 'admin');
INSERT INTO `table_matchs_copy` VALUES ('2', 'content#2', '2013-01-12 15:04:00', '2013-01-10 13:04:17', 'admin', '2013-01-10 13:04:22', 'admin');
INSERT INTO `table_matchs_copy` VALUES ('3', 'content#3', '2013-01-17 16:04:00', '2013-01-10 13:04:17', 'admin', '2013-01-10 13:04:22', 'admin');
INSERT INTO `table_matchs_copy` VALUES ('4', 'content#4', '2013-01-19 17:04:00', '2013-01-10 13:04:17', 'admin', '2013-01-10 13:04:22', 'admin');
INSERT INTO `table_matchs_copy` VALUES ('5', 'content#5', '2013-01-20 18:04:00', '2013-01-10 13:04:17', 'admin', '2013-01-10 13:04:22', 'admin');
INSERT INTO `table_matchs_copy` VALUES ('6', 'content#6', '2013-01-25 19:04:00', '2013-01-10 13:04:17', 'admin', '2013-01-10 13:04:22', 'admin');
และcode ที่ใช้งานอยู่
Code (PHP)
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#s6 {
width: 300px;
height: 130px;
border: 1px solid #ddd;
background-color: #eee;
}
#s6 div {
width: 270px;
height: 1200px;
padding: 15px;
color: #333;
text-align: left;
font-size: 16px;
}
#s6 div img {
float: left;
margin: 0 10px 10px 0;
width: 100px;
height: 100px;
padding: 3px;
background: #fff
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://malsup.github.com/chili-1.7.pack.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.cycle.all.js"></script>
<script type="text/javascript" src="http://malsup.github.com/jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('#s6').cycle({
fx: 'scrollUp',
timeout: 6000,
delay: -2000,
prev: '#prev',
next: '#next'
});
});
</script>
</head>
<body>
<div style=" width: 300px; border: 1px solid #ddd; background-color: #eee;"> <a href="#"><span id="prev">Prev</span></a> <a href="#"><span id="next">Next</span></a> </div>
<div id="s6">
<?php
$strSQL = "SELECT * FROM table_matchs_copy";
$objQuery = mysql_query($strSQL)or die(mysql_error());
while($objResult = mysql_fetch_array($objQuery)){
?>
<div> <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" />
<p><?=trim($objResult['content'])?></p>
<p><?=trim($objResult['period_date'])?></p>
</div>
<? } ?>
</div>
</body>
</html>
จาก code ข้างบน ผม select ข้อมูลมาเพื่อทำ content slide แต่ผมติดปัญหาเรื่องเงื่อนไขการ select ตามนนี้ครับ
- - content แรกที่ต้องการให้แสดง เป็น content ต่อไป ที่วันที่ปัจจุบัน ใกล้เคียงกับวันที่จะถึงใน period_date
- - ถ้ากด Prev ให้ย้อนหลังไป 1 reccord ที่วันที่ลดลงไป 1 วัน เช่น ในฐานข้อมูล ข้อมูลที่แสดงอยู่ 2013-01-17 16:04:00 เมื่อคลิ๊ก 2013-01-12 15:04:00 และเมื่อคลิก Prev ก็ลดไปตามลำดับอีก
- - ถ้ากด Next ให้ย้อนหลังไป 1 reccord ที่วันที่เพิ่มไป 1 วัน เช่น ในฐานข้อมูล ข้อมูลที่แสดงอยู่ 2013-01-17 16:04:00 เมื่อคลิ๊ก 2013-01-19 15:04:00 และเมื่อคลิก Next ก็เพิ่มขึ้นไปตามลำดับอีกก
รบกวนช่วยเหลือหน่อยนะครับ 
Tag : PHP, MySQL, HTML/CSS, JavaScript, jQuery, Linux
|
|
|
 |
 |
 |
 |
| Date :
2013-01-15 17:58:08 |
By :
pokultra |
View :
978 |
Reply :
8 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ผมว่า ใช้ ORDER BY ตอน select น่าจะจบแล้วนะครับ หรือว่าไม่ได้ ลองดูละกันนะครับ 
|
ประวัติการแก้ไข
2013-01-15 18:13:11
| |
|
|
| |
| Date :
2013-01-15 18:12:06 |
By :
Ex-[S]i[L]e[N]t |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
มันง่ายขนาดนั้นเลยหรอครับ ยกตัวอย่างให้ดูหน่อยได้ไหมครับ
เพราะผมเองก็ใช้แล้วมันไม่ได้อย่างที่อยากได้อ่ะครับ
|
| |
|
|
| |
| Date :
2013-01-16 09:44:24 |
By :
pokultra |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ใครพอจะแนะนำผมหน่อยได้ไหมครับ มันคาใจกับปัญหานี้มากอ่ะครับ
|
| |
|
|
| |
| Date :
2013-01-16 21:24:17 |
By :
pokultra |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองแล้วจะมารายงานผลนะครับ 
แต่ผมจะใช้ jquery บังคับปุ่มเพื่อ query record หน้า หรือ ถัดไปยังไงดีครับ ><
ขอบคณครับพี่วิน
|
| |
|
|
| |
| Date :
2013-01-16 21:42:40 |
By :
pokultra |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ต้องแบ่งเป็นหน้าหรือเปล่าครับ ใช้ Ajax เข้ามาช่วยก็ดีครับ Next , Back ไม่น่ายาก
|
| |
|
|
| |
| Date :
2013-01-16 21:51:57 |
By :
mr.win |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ไม่ต้องแบ่งหน้าครับ แสดงครั้งละ 1 record ครับ ><
|
| |
|
|
| |
| Date :
2013-01-16 21:58:19 |
By :
pokultra |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (PHP)
$strSQL = "SELECT * FROM table_matchs_copy ORDER BY period_date ASC";
|
| |
|
|
| |
| Date :
2013-01-16 23:00:16 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
