Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 108,451

HOME > PHP > PHP Forum > รบกวนช่วยดูให้หน่อยครับ พอดีจะ(แบ่งหน้า)ตารางแต่คงรูปแบบเดิมไว้ ช่วยเราหน่อยนะครับอยากจบแล้ว ขอบคุณครับ



 

รบกวนช่วยดูให้หน่อยครับ พอดีจะ(แบ่งหน้า)ตารางแต่คงรูปแบบเดิมไว้ ช่วยเราหน่อยนะครับอยากจบแล้ว ขอบคุณครับ

 



Topic : 121144



โพสกระทู้ ( 79 )
บทความ ( 0 )



สถานะออฟไลน์




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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Download</title>
<link rel="shortcut icon" href="images/hospital.png"/>
<link rel="stylesheet" href="jquery-ui.css" />

<script src="jquery-1.8.2.js"></script>
<script src="jquery-ui.js"></script>
<script>
$(function() {
    $( '#tabs' ).tabs();
});
</script>

<style>
body {
background: url('images/bg.jpg') top center ;
background-attachment:fixed;
background-size: 100%;
background-origin: content;
background-repeat: no-repeat;
}
</style>

</head>
<center>
<body>

<div><a href="page_admin.php"><img src='images/manage/1453217750_MB__back.png' width='40px' height='40px' style="float: right" /></a></div>
<br/><br/>

<form>
<div id='tabs' style="background-size: 100% 100%; width: 80%; ">
    <ul>
        <li><a href='#tab1'>View Download</a></li>
    </ul>
  
<div id='tab1'>

<?
$db = new mysqli("localhost", "root", "123456", "dbboard");
if(mysqli_connect_errno()) die("Connect Failed! :" . mysqli_connect_error());
$db->set_charset("utf8");

		$sql = $db->query("SELECT * FROM files"); 
		echo "<table border = 1 cellpadding = 5 cellspacing = 1><tr>";
			$rows = 0;
		while($result = $sql->fetch_object()){
		echo "<td>"; 
			$rows++;
		$type = substr($result->file_name,-3);
		if($type == 'jpg' or $type == 'png' or $type == 'gif'){ 
		
?>
			&emsp;<?php echo $result->file_id; ?>&rang;
			&emsp;<center><img src="fileUpload/<?php echo $result->file_name; ?>" /></center>
			<br/>
			<a href="fileUpload/download.php?pic=<?php echo $result->file_name; ?>"><img src='images/manage/1440760601_download.png' width='40px' height='40px' style="float: right" /></a>
<?
		}else{ 
?>
			&emsp;<?php echo $result->file_id; ?>&rang;
			&emsp;<a href="fileUpload/<?php echo $result->file_name; ?>"><?php echo $result->original_file_name; ?></a>
<?
		}
		echo"</td>";
		if(($rows)%1==0)
			{
				echo"<tr></tr>";
			}
		}
		echo"</tr></table>";
?>
</div>

</div>
</form>

</body>
</center>
</html>


คือ ตารางนี้มันเป็นตารางที่มีรูป และข้อมูลเอกสารอยู่
ตารางมันจะเป็นไฟล์ข้อมูลที่สามารถดาวน์โหลดได้ และภาพนั้นจะแสดงให้เห็นมีปุ่มสามารถดาวน์โหลดภาพ

คืออยากจะแบ่งหน้าเพราะว่าข้อมูลนั้นมีเยอะ อาจจะแบ่งสัก 10 หัวข้อ แต่คงรูปแบบเดิมไว้ ช่วยเราหน่อยนะครับ ขอบคุณครับ



Tag : PHP







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2016-01-31 21:07:19 By : NuItMaster View : 465 Reply : 4
 

 

No. 1



โพสกระทู้ ( 1,150 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

หาพวก pagination class มาใช้ซิคับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-01-31 23:22:03 By : progamer2000
 


 

No. 2



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ตัวอย่างครับ เพิ่มนิดหน่อย



PHP MySQL Multiple Column and Paging/Pagination

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-01 09:50:57 By : mr.win
 

 

No. 3



โพสกระทู้ ( 79 )
บทความ ( 0 )



สถานะออฟไลน์


Code (PHP)
<?php
// เชื่อมต่อกับฐานข้อมูล
$link=mysql_connect("localhost","root","123456"); // เชื่อมต่อ Server  
mysql_select_db("dbboard");  // ติดต่อฐานข้อมูล  
mysql_query("set character set utf8"); // กำหนดค่า character set ที่จะใช้แสดงผล  
?>  
<?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 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>View Download</title>
<link rel="shortcut icon" href="images/hospital.png"/>
<link rel="stylesheet" href="jquery-ui.css" />

<script src="jquery-1.8.2.js"></script>
<script src="jquery-ui.js"></script>
<script>
$(function() {
    $( '#tabs' ).tabs();
});
</script>

<style>
body {
background: url('images/bg.jpg') top center ;
background-attachment:fixed;
background-size: 100%;
background-origin: content;
background-repeat: no-repeat;
}
</style>

<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;   
	width: 2%;
    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: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a:hover{   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
}   
.browse_page a.selectPage{   
    display:block;   
    width:45px;   
    font-size:14px;   
    float:left;   
    margin-right:2px;   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;    
    font-weight:bold;   
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a.SpaceC{   
    display:block;   
    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: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}   
.browse_page a.naviPN{   
    width:50px;   
    font-size:12px;   
    display:block;   
/*    width:25px;   */
    float:left;   
	border:1px solid #CCCCCC;
	background-color:#999999;
    color:#FFFFFF;   
    text-align:center;   
    line-height:22px;   
    font-weight:bold;      
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}  
/* จบ css แบ่งหน้า */
.auto-style1 {
	text-align: right;
}
</style>

</head>
<center>
<body>

<div><a href="page_admin.php&#tab3"><img src='images/manage/1453217750_MB__back.png' width='40px' height='40px' style="float: right" /></a></div>

<br/><br/><br/>
<div id='tabs' style="background-size: 100% 100%; width: 80%; ">
    <ul>
        <li><a href='#tab1'>View Download</a></li>
    </ul>

<div id='tab1'>

<div style="margin:auto;text-align:left;width:100%;">
<!--ส่วนสร้างฟอร์ม สำหรับค้นหา -->
<form id="form_search" name="form_search" method="get" action="">
    <div class="auto-style1">
  <input type="text" name="keyword" id="keyword" />
  <input type="submit" name="button" id="button" value=" " style="border-style: inherit; border-width: inherit; background-image: url('images/manage/1440760769_search.png'); background-repeat: no-repeat; background-attachment: inherit; background-position: center center; background-size: 100% 100%; background-color: #FFFFFF; width: 30px; height: 30px;" />
</div>
</form>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="00">
<tbody>
  <tr>
    <td align="center" >
    <table width="100%" border="1" cellspacing="0" cellpadding="2" style="border-collapse:collapse;">
    	<tr>
    		<td height="40" style="width: 6%" align="center" bgcolor="#F2F2F2">ลำดับ</td>
        	<td height="40" style="width: 38%" align="center" bgcolor="#F2F2F2" style="width: 290px">ชื่อไฟล์</td>
        	<td height="40" style="width: 50%" align="center" bgcolor="#F2F2F2" style="width: 360px">ภาพ</td>
        	<td height="40" style="width: 6%" align="center" bgcolor="#F2F2F2" style="width: 360px">โหลด</td>
        </tr>
<?php
        $i=1;
        $q="SELECT * FROM files WHERE 1";
		// เงื่อนไขการค้นหา ถ้ามีการส่งค่า ตัวแปร $_GET['keyword'] 
		if(isset($_GET['keyword']) && $_GET['keyword']!=""){
			// ต่อคำสั่ง sql 
			$q.=" AND original_file_name LIKE '%".trim($_GET['keyword'])."%' ";	
		}
        [email protected]_query($q);	
		
		[email protected]_num_rows($qr);
		$e_page=5; // กำหนด จำนวนรายการที่แสดงในแต่ละหน้า   
		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 file_id DESC LIMIT ".$_GET['pages'].",$e_page";
			
		[email protected]_query($q);	
		if(@mysql_num_rows($qr)>=1){   
			$plus_p=($chk_page*$e_page)[email protected]_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([email protected]_fetch_array($qr)){
?>  
  <tr>
  	<td height="30" style="width: 6%" align="center"><?=$rs['file_id']?></td>
    <td height="30" style="width: 38%">&nbsp;&nbsp;<?=$rs['original_file_name']?></td>
    <td height="30" style="width: 50%" align="center"><img src="fileUpload/<?=$rs['file_name']?>" /></td>
    <td height="30" style="width: 6%" align="center"><a href="fileUpload/download.php?pic=<?=$rs['file_name']?>"><img src='images/manage/1440760601_download.png' width='40px' height='40px'/></a></td>
  </tr>
<?php $i++; } ?>     
    </table>

    </td>
  </tr>
</tbody>


<thead>
  <tr>
    <td align="center">
    
 
 <div style="margin:auto;width:100%;" align="center">
  <?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 } ?>  
</div>    
    </td>
  </tr>
</thead>  

<tfoot>
  <tr>
  <td height="20"></td>
  </tr>
  <tr>
    <td>

 <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>  
    </td>
  </tr>
</tfoot>    
</table>
</div>
</div>
</div>
</body>
</center>
</html>


แสดงตามปกติแล้วครับ ผมลองแก้ดูได้หล่ะครับ

แต่มีจุดหนึ่งที่ยังไม่หาย คือ
________________________
|ลำดับ|..ชื่อไฟล์..|..ภาพ..|โหลด|
|...1....|.เอกสาร1|....-......|..กด..|<<<คือ ชื่อไฟล์ที่เป็นประเภทเอกสารนั้น ในช่อง ภาพ จะไม่แสดงผล
|...2....|.ภาพที่1..|.show..|..กด..|<<<คือ ชื่อไฟล์ที่เป็นประเภทรูปภาพนั้น ในช่อง ภาพ จะแสดงผล
|...3....|.ภาพที่2..|.show..|..กด..|
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
ปล.อยากให้เป็นตามนี้ครับ

แต่ที่ผมทำได้อ่ะ คือ
________________________
|ลำดับ|..ชื่อไฟล์..|..ภาพ..|โหลด|
|...1....|.เอกสาร1|.show..|..กด..|<<<คือ ในช่อง ภาพ ยังคงแแสดงผลอยู่ แต่ไม่ขึ้นรูปภาพ(คล้ายๆว่ารูปนี้คืออะไร ประมาณนั้น)
|...2....|.ภาพที่1..|.show..|..กด..|
|...3....|.ภาพที่2..|.show..|..กด..|
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-01 16:59:44 By : NuItMaster
 


 

No. 4



โพสกระทู้ ( 79 )
บทความ ( 0 )



สถานะออฟไลน์


ปล.ผมนั้นใช่คำสั่ง if else ไม่เป็น พอได้อยู่แต่ส่วนมากมั่วเอา

พอจะแนะนำได้ไหมครับว่าควรจะใช้คำสั่งตรงไหน แบบไหนดีครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2016-02-01 17:02:05 By : NuItMaster
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : รบกวนช่วยดูให้หน่อยครับ พอดีจะ(แบ่งหน้า)ตารางแต่คงรูปแบบเดิมไว้ ช่วยเราหน่อยนะครับอยากจบแล้ว ขอบคุณครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2020 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่