ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้

เกี่ยวกับแบ่งหน้า ด้วย php เพิ่ม หัว ท้าย ด้วย thead และ tfoot อย่างง่าย

ถาม-ตอบ แนะนำไอเดีย โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา เกี่ยวกับแบ่งหน้า ด้วย php เพิ่ม หัว ท้าย ด้วย thead และ tfoot อย่างง่าย

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

เกี่ยวกับแบ่งหน้า ด้วย php เพิ่ม หัว ท้าย ด้วย thead และ tfoot อย่างง่าย

พอผมลองเปลี่ยนตัว SQL โดยเพิ่ม where cat_id=5 ลงไป ข้อมูลมันก็เพี้ยนๆ หมดเลยครับ ไม่ทราบว่าจะแก้ตรงไหนดีครับ

Pusirinon 07-04-2014 13:46:01

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

( หรือ เข้าใช้งานผ่าน Social Login )

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

ความคิดเห็นที่ 1

ถ้าเปลี่ยนเฉพาะตรงนั้น ไม่น่ามีปัญหาน่ะ

เป็นกับข้อมูลหรือเปล่า อันนี้คงต้องไล่ดู

หรือไม่ลองแทรกโค้ดมาดูก็ได้ครับ

ninenik 07-04-2014

ความคิดเห็นที่ 2

หรือลองใช้โค้ดตัวนี้แทนก็ได้ครับ

มีการปรับเพิ่มเติม จากหัวข้อก่อนหน้า

แนวทาง การค้นหาข้อมูล และแบ่งหน้า ด้วย php

https://www.ninenik.com/content.php?arti_id=497 via @ninenik

ninenik 07-04-2014

ความคิดเห็นที่ 3

ผมลองใช้ code ตามที่พี่มีตัวอย่างให้เลยครับ ขอบคุณครับ

<?php include ('config.php') ?>
<?php include ('changeDate.php') ?>
<?php
// ฟังก์ชั่นสำหรับการแบ่งหน้า NEW MODIFY
function page_navi($before_p,$plus_p,$total,$total_p,$chk_page){      
    global $urlquery_str;   
    $pPrev=$chk_page-1;   
    $pPrev=($pPrev>=0)?$pPrev:0;   
    $pNext=$chk_page+1;   
    $pNext=($pNext>=$total_p)?$total_p-1:$pNext;        
    $lt_page=$total_p-4;   
    if($chk_page>0){     
        echo "<a  href='$urlquery_str"."pages=".intval($pPrev+1)."' class='naviPN'>Prev</a>";   
    }   
    if($total_p>=11){   
        if($chk_page>=4){   
            echo "<a $nClass href='$urlquery_str"."pages=1'>1</a><a class='SpaceC'>. . .</a>";      
        }   
        if($chk_page<4){   
            for($i=0;$i<$total_p;$i++){     
                $nClass=($chk_page==$i)?"class='selectPage'":"";   
                if($i<=4){   
                echo "<a $nClass href='$urlquery_str"."pages=".intval($i+1)."'>".intval($i+1)."</a> ";      
                }   
                if($i==$total_p-1 ){    
                echo "<a class='SpaceC'>. . .</a><a $nClass href='$urlquery_str"."pages=".intval($i+1)."'>".intval($i+1)."</a> ";      
                }          
            }   
        }   
        if($chk_page>=4 && $chk_page<$lt_page){   
            $st_page=$chk_page-3;   
            for($i=1;$i<=5;$i++){   
                $nClass=($chk_page==($st_page+$i))?"class='selectPage'":"";   
                echo "<a $nClass href='$urlquery_str"."pages=".intval($st_page+$i+1)."'>".intval($st_page+$i+1)."</a> ";         
            }   
            for($i=0;$i<$total_p;$i++){     
                if($i==$total_p-1 ){    
                $nClass=($chk_page==$i)?"class='selectPage'":"";   
                echo "<a class='SpaceC'>. . .</a><a $nClass href='$urlquery_str"."pages=".intval($i+1)."'>".intval($i+1)."</a> ";      
                }          
            }                                      
        }      
        if($chk_page>=$lt_page){   
            for($i=0;$i<=4;$i++){   
                $nClass=($chk_page==($lt_page+$i-1))?"class='selectPage'":"";   
                echo "<a $nClass href='$urlquery_str"."pages=".intval($lt_page+$i)."'>".intval($lt_page+$i)."</a> ";      
            }   
        }           
    }else{   
        for($i=0;$i<$total_p;$i++){     
            $nClass=($chk_page==$i)?"class='selectPage'":"";   
            echo "<a href='$urlquery_str"."pages=".intval($i+1)."' $nClass  >".intval($i+1)."</a> ";      
        }          
    }      
    if($chk_page<$total_p-1){   
        echo "<a href='$urlquery_str"."pages=".intval($pNext+1)."'  class='naviPN'>Next</a>";   
    }   
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="background-main no-js">

<head>
    <title>7Innovation Awards</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<link href="images/favicon.gif" rel="shortcut icon"/>
    <link href="framework/addons/camera/css/camera.css" rel="stylesheet" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <script src="framework/js/html5shiv.js"></script>
        <script src="framework/js/respond.min.js"></script>
    <![endif]-->

    <link href="social-icons.css" rel="stylesheet" />

    <link href="style.css" rel="stylesheet" />

    <link href="theme-color.css" rel="stylesheet" />

    <link href="responsive.css" rel="stylesheet" />

	<link href="firefox.css" rel="stylesheet" />

    <script src="framework/js/modernizr.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="fancybox2/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox2/jquery.fancybox-1.3.4.css" media="screen" />
<script type="text/javascript" src="fancybox2/video.js"></script>

<style type="text/css">
/* css แบ่งหน้า */
.browse_page{   
    clear:both;   
    margin-left:12px;   
    height:25px;   
    margin-top:5px;   
    display:block;   
}   
.browse_page a,.browse_page a:hover{   
    display:block;   
    height:25px;    
    width:45px;   
    font-size:14px;   
    float:left;   
    margin:0px 5px;
    border:1px solid #CCCCCC;   
    background-color:#F4F4F4;   
    color:#333333;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;   
    text-decoration:none;   
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}   
.browse_page a:hover{   
	border:1px solid #CCCCCC;
	background-color:#FEB500;
    color:#FFFFFF;   
}   
.browse_page a.selectPage{   
    display:block;   
    height:25px;   
    width:45px;   
    font-size:14px;   
    float:left;   
    margin-right:2px;   
	border:1px solid #CCCCCC;
	background-color:#FEB500;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;    
    font-weight:bold;   
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}   
.browse_page a.SpaceC{   
    display:block;   
    height:25px;   
    width:45px;   
    font-size:14px;   
    float:left;   
    margin-right:2px;   
    border:0px dotted #0A85CB;   
    background-color:#FFFFFF;   
    color:#333333;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;   
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}   
.browse_page a.naviPN{   
    width:50px;   
    font-size:12px;   
	height:25px;  
    display:block;   
/*    width:25px;   */
    float:left;   
	border:1px solid #CCCCCC;
	background-color:#FEB500;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;      
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
}  
/* จบ css แบ่งหน้า */
</style>
</head>

<body>

    <!-- Main Container -->
    <div class="container main-site-container sb-none-layout" itemscope itemtype="http://schema.org/CreativeWork">
        <div class="row">
            <div class="col-md-12">

                <!-- main content -->
                <article class="article-container" itemscope itemtype="http://schema.org/Article">

                    <div class="article-content timeline-page">
                        <header>

                            <h1 itemprop="headline">Timeline Page</h1>

                            <div class="divider"></div>
                        </header>

                        <div class="post-entry" itemprop="articleBody">
                        </div>

                        <div class="items">

                            <ul class="cbp_tmtimeline">
<?php
        $i=1;
        $q="SELECT * FROM form_tb where cat_id=5";
        $qr=@mysql_query($q);	
		
		$total=@mysql_num_rows($qr);
		$e_page=3; // กำหนด จำนวนรายการที่แสดงในแต่ละหน้า   
		if(!isset($_GET['pages'])){   
			$_GET['pages']=0;   
		}else{   
			$_GET['pages']=$_GET['pages']-1;
			if($_GET['pages']<0){
				$_GET['pages']=0;	
			}
			$chk_page=$_GET['pages'];     
			$_GET['pages']=$_GET['pages']*$e_page;   
		}   
		$q.=" ORDER BY id DESC  LIMIT ".$_GET['pages'].",$e_page";
			
		$qr=@mysql_query($q);	
		if(@mysql_num_rows($qr)>=1){   
			$plus_p=($chk_page*$e_page)+@mysql_num_rows($qr);   
		}else{   
			$plus_p=($chk_page*$e_page);       
		}   
		$total_p=ceil($total/$e_page);   
		$before_p=($chk_page*$e_page)+1;  
		/// END PAGE NAVI ZONE			
		
        while($rs=@mysql_fetch_array($qr)){
?>  
								<li class="post-item" data-showonscroll="true" data-animation="fadeIn">
                                    <time class="cbp_tmtime"><span><? $today=strtotime($rs['date']); print substr(thai_date($today),0,18); ?></span><span><? $today=strtotime($rs['date']); print substr(thai_date($today),18,11); ?></span></time>
                                    <div class="cbp_tmicon">
                                        <i class="icon-location"></i>
                                    </div>
                                    <div class="cbp_tmlabel">
                                        <h2><?=$rs['name']?></h2>
                                        <p><?print mb_substr(strip_tags($rs['detail']),0,500,'UTF-8'); ?>...</p>
										<br/>
                                                <div class="post-meta-extended clearfix">
                                                    <span class="read-more"><i class="icon-eye3"></i><a href="show_detail.php?id=<?print "$rs[id]";?>">Read More...</a></span>
                                                </div>
									</div>
                                </li>
<?php $i++; } ?>
<div style="margin:auto;width:95%;">
    <?php if($total>10){ ?>                  
    <div class="browse_page">   
    <?php      
    if(count($_GET)<=1){
        $urlquery_str="?";
    }else{
		$para_get="";
		foreach($_GET as $key=>$value){
			if($key!="pages"){
				$para_get.=$key."=".$value."&";
			}
		}
        $urlquery_str="?$para_get";
    }
    // เรียกใช้งานฟังก์ชั่น สำหรับแสดงการแบ่งหน้า      
    ?>
    </div>   
    <?php } ?>     
                            </ul>
							<br/>
                            <footer class="blog-pagination">
                                <ul class="pagination">
                                    <li>
										<div style="margin:auto;width:100%;">
										<?php if($total>10){ ?>                  
										<div class="browse_page">   
										<?php      
										// เรียกใช้งานฟังก์ชั่น สำหรับแสดงการแบ่งหน้า      
										page_navi($before_p,$plus_p,$total,$total_p,$chk_page);       
										?>
										</div>   
										<?php } ?>     
										</div>
									</li>
                                </ul>
                            </footer>

                        </div>

                    </div>
                </article>

         </div>
       </div>

    </div>

</body>
</html>

pusirinon 07-04-2014 15:55

ความคิดเห็นที่ 4

แต่ถ้าแค่ select * from form_tb ออกจากมาอย่างจะไม่มีปัญหานะครับ

pusirinon 07-04-2014 16:10

ความคิดเห็นที่ 5

น่าจะเป็นตรงเนื้อหา ที่มาแสดง

mb_substr(strip_tags($rs['detail']

ลองตัดตรงนี้ดู

หรือไล่ตัดทีละตัว ว่าตัวไหนมีผล

ninenik 07-04-2014

ความคิดเห็นที่ 6

ผมลองไล่ดูหมดแล้วครับ และลองเปลี่ยนทีละตัวแบบที่พี่แนะนำ

ผลคือ ถ้าไม่ใส่ where cat_id

ข้อมูลจะออกมาทั้งตาราง และแบ่งหน้าให้เรียบร้อย

ในที่นี้ผมกำหนดตัว $e_page=3; // กำหนด จำนวนรายการที่แสดงในแต่ละหน้า

แต่ใส่ตัว where cat_id เข้าไปจะโชว์ข้อมูลของ cat_id ออกมา 3 ตัว

โดยไม่แบ่งหน้าให้ครับ

ขอบคุณครับ

pusirinon 07-04-2014 16:38

ความคิดเห็นที่ 7

<?php if($total>10){ ?>

อาจจะต้องแก้ตรงนี้ด้วยไหม

ถ้ากำหนดเท่ากับ 3 ตรงนี้เปลี่ยนให้เป็น 3 ด้วย

เพราะอันนี้กำหนด ข้อมูลให้มาก 10 ถึงจะแสดง

ninenik 07-04-2014

ความคิดเห็นที่ 8

ขอบคุณพี่นิกมากๆ นะครับ ได้แล้วครับ

pusirinon 07-04-2014 16:59

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน