 |
|
คือได้โหลด Plungin Load more มาใช้ครับ ซึ่งในเมนูมี4 Tabเมนูครับ แต่ล่ะเมนูจมันจะมีข้อมูลค่อนข้างเยอะเลยอยากใช้ตัวนี้แทน Paginationครับ
ตอนนี้ผมทําให้ #tab1 สามารถ Load more ได้แล้วครับ แต่ทั้งนหมดมันมี 4 tab แต่ล่ะแท๊บจะมีชื่อ id ที่แตกต่างออกไปและ แบ่งเป็น แต่ละประเภทข่าว เลยไม่รู้ว่าจะส่งค่า รับค่ายังไงครับ
Code (PHP)
$(function() {
//More Button
$('.more').live("click",function()
{
var ID = $(this).attr("id");
if(ID)
{
$("#more"+ID).html('<img src="moreajax.gif" />');
$.ajax({
type: "POST",
url: "ajax_more.php",
data: "lastmsg="+ ID,
cache: false,
success: function(html){
$("div#tab1").append(html);//ตรงนี้ปกติมันจะให้ใส่ค่าที่เป็น id
$("#more"+ID).remove();
}
});
}
else
{
$(".morebox").html('The End');
}
return false;
});
});
หน้าแสดงผล
Code (PHP)
<div class="tab_container">
<div id="tab1" class="tab_content">
<?php
while($result = mysql_fetch_array($sql)){
$msg_id=$result['nw_id'];
$date_time = format_date($result['nw_datetime']);
?>
<div class="news_box">
<div class="news_top">
<a href="<?= $local_web; ?>/page.php?nw_id=<?php echo $result['nw_id']; ?>">
<span><?php echo $result['nw_title']; ?></span>
<img itemprop="image" src="image/<?php echo $result['nw_img']; ?>" border="0"/>
</a>
</div>
<div class="news_center">
<b>หมวด : <span style="color:#d3222a; font-weight:bold;"><?php echo $result['nw_type']; ?></span></b>
<time pubdate="pubdate" title="วันที่โพส"><?php echo $date_time; ?></time>
<p><?php echo substr($result['nw_desc'],0,215)."...<a href=\"page.php?nw_id=".$result['nw_id']."\" class=\"news\"><img src=\"skin/more-01.png\" width=\"23\" height=\"15\"></a>"; ?></p>
</div>
</div>
<?php
}
?>
<a href="#" class="more" id="<?php echo $msg_id; ?>">
<div id="more<?php echo $msg_id; ?>" class="morebox">more</div>
</a>
</div>
<div id="tab2" class="tab_content">
<?php
while($result_2 = mysql_fetch_array($sql_2)){
$msg_id=$result_2['nw_id'];
$date_time = format_date($result_2['nw_datetime']);
?>
<div class="news_box">
<div class="news_top">
<a href="<?= $local_web; ?>/page.php?nw_id=<?php echo $result_2['nw_id']; ?>">
<span><?php echo $result_2['nw_title']; ?></span>
<img itemprop="image" src="image/<?php echo $result_2['nw_img']; ?>" border="0"/>
</a>
</div>
<div class="news_center">
<b>หมวด : <span style="color:#d3222a; font-weight:bold;"><?php echo $result_2['nw_type']; ?></span></b>
<time pubdate="pubdate" title="วันที่โพส"><?php echo $date_time; ?></time>
<p><?php echo substr($result_2['nw_desc'],0,215)."...<a href=\"page.php?nw_id=".$result_2['nw_id']."\" class=\"news\"><img src=\"skin/more-01.png\" width=\"23\" height=\"15\"></a>"; ?></p>
</div>
</div>
<?php
}
?>
<a href="#" class="more" id="<?php echo $msg_id; ?>">
<div id="more<?php echo $msg_id; ?>" class="morebox">more</div>
</a>
</div><!-- #tab2 -->
<div id="tab3" class="tab_content">
<?php
while($result_3 = mysql_fetch_array($sql_3)){
$date_time = format_date($result_3['nw_datetime']);
?>
<div class="news_box">
<div class="news_top">
<a href="<?= $local_web; ?>/page.php?nw_id=<?php echo $result_3['nw_id']; ?>">
<span><?php echo $result_3['nw_title']; ?></span>
<img itemprop="image" src="image/<?php echo $result_3['nw_img']; ?>" border="0"/>
</a>
</div>
<div class="news_center">
<b>หมวด : <span style="color:#d3222a; font-weight:bold;"><?php echo $result_3['nw_type']; ?></span></b>
<time pubdate="pubdate" title="วันที่โพส"><?php echo $date_time; ?></time>
<p><?php echo substr($result_3['nw_desc'],0,215)."...<a href=\"page.php?nw_id=".$result_3['nw_id']."\" class=\"news\"><img src=\"skin/more-01.png\" width=\"23\" height=\"15\"></a>"; ?></p>
</div>
</div>
<?php
}
?>
</div><!-- #tab4 -->
<div id="tab4" class="tab_content">
<?php
while($result_4 = mysql_fetch_array($sql_4)){
$date_time = format_date($result_4['nw_datetime']);
?>
<div class="news_box">
<div class="news_top">
<a href="<?= $local_web; ?>/page.php?nw_id=<?php echo $result_4['nw_id']; ?>">
<span><?php echo $result_4['nw_title']; ?></span>
<img itemprop="image" src="image/<?php echo $result_4['nw_img']; ?>" border="0"/>
</a>
</div>
<div class="news_center">
<b>หมวด : <span style="color:#d3222a; font-weight:bold;"><?php echo $result_4['nw_type']; ?></span></b>
<time pubdate="pubdate" title="วันที่โพส"><?php echo $date_time; ?></time>
<p><?php echo substr($result_4['nw_desc'],0,215)."...<a href=\"page.php?nw_id=".$result_4['nw_id']."\" class=\"news\"><img src=\"skin/more-01.png\" width=\"23\" height=\"15\"></a>"; ?></p>
</div>
</div>
<?php
}
?>
</div><!-- #tab4 -->
</div>
class="morebox">more</div>
</a>
<?php
}
?>
[/php]
Tag : PHP, HTML/CSS, Ajax, jQuery
|
ประวัติการแก้ไข 2013-03-22 09:34:18 2013-03-22 09:40:52
|
 |
 |
 |
 |
Date :
2013-03-22 09:33:06 |
By :
kenghockey |
View :
1053 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
 |