|
|
|
สอบถาม การรับค่าจาก id หลายๆ id ของ jquery ครับ เป็น Plugin load more |
|
|
|
|
|
|
|
คือได้โหลด 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 :
1033 |
Reply :
2 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช่ครับ เพราะว่าจาก ตัวเมนูมันเป็น
Code (PHP)
<ul class="tabs">
<li class="active" rel="tab1">สรุปรวมข่าวประชาสัมพันธ์</li>
<li rel="tab2">กิจกรรมที่น่าสนใจ</li>
<li rel="tab3">ข่าวประชาสัมพันธ์</li>
<li rel="tab4">คําชมจากผู้ใช้งาน</li>
</ul>
แต่ถ้าจาก
Code (PHP)
<div id="tab1" class="tab_content">
แล้วส่วนนี้เป็น
Code (PHP)
success: function(html){
16.$("div#tab"+ID).append(html);//ตรงนี้ปกติมันจะให้ใส่ค่าที่เป็น id
จะได้ไหมครับ
|
|
|
|
|
Date :
2013-03-22 14:07:25 |
By :
kenghockey |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|