|
|
|
ขอสอบถามหน่อยค่ะ พอดีต้องการเรียงข้อมูลแบบนี้ ไม่ทราบว่าต้องเขียนแสดงแบบใหนค่ะ รบกวนขอคำชี้แนะด้วยค่ะ |
|
|
|
|
|
|
|
Code (PHP)
<table><tr>
<td valign=top>
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
</td>
<td valign=top>
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
<div style="width: 100px; height:80px; background-color: cyan">
<center>ข้อมูล HTML</center>
</div><br />
</td>
</tr></table>
|
|
|
|
|
Date :
2014-06-22 05:29:38 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลืมบอกไปค่ะ ว่าเขียน css ได้แล้ว อยากทราบว่า ตอนเขียน php เพื่อดึงข้อมูลจาก database มาเรียงแบบนี้ ต้องทำยังไงหรือค่ะ รบกวนขอคำชี้แนะด้วยคะ
|
|
|
|
|
Date :
2014-06-22 10:42:47 |
By :
angeleye |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอา HTML ที่เขียนไว้มาดูครับ ไม่เห็น HTML ก็ไม่รู้จะเขียน php ให้ Generate HTML ออกมายังไงครับ
ถ้าให้เขียนแบบเดาเอาแบบของผมเป็นตัวอย่างก็แล้วกันนะครับ
Code (PHP)
<?php
////////////////////////////////////////////////////////////////////////////////
function row_count($table, $fldName){
// ฟังก์ชั่นนี้สำหรับ หาจำนวน row ทั้งหมดของ result
// ตัวแปร $table สามารถ ใส่ where clause มาได้เลย เช่น " table_name where 1 "
// ตัวแปร $fldNmae ก็เป็นชื่อ field ที่จะมา count หาจำนวน
// ฟังก์ชั่นนี้ยังไม่เคยทดลองกับ group by แต่คิดว่าคงต้องเป็นผู้ชำนาญพอสมควร เพื่อกำหนด fldName นำมาหา จำนวนให้ถูกต้อง
$qr='select count('.$fldName.') c from '.$table;
$rs=mysql_query($qr);
if(mysql_errno()) return 0;
$ro=mysql_fetch_assoc($rs); mysql_free_result($rs);
return $ro['c'];
}
function page_no($rowCount, $per_page){
// ฟังก์ชั่นสำหรับ หาค่าจำนวนหน้า ท้งหมด
$mod=$rowCount % $per_page;
return (int)(($rowCount - $mod) / $per_page + ($mod? 1 : 0));
}
///////////////////////////////////////////////////////////////////////////////
$table='tablename where 1 ';
$field_id='field_id';
$per_page=isset($_REQUEST['per_page'])? $_REQUEST['per_page'] : 10; // กำหนดค่า จำนวนรายการต่อหน้า
$curPage=isset($_REQUEST['cur_page'])? $_REQUEST['cur_page']-1 : 0; // กำหนดหน้าปัจจุบัน
$rowCount=row_count($table, $field_id); // หาค่า จำนวน รายการทั้งหมด
$pageCount=page_no($rowCount, $per_page); // หาต่าจำนวนหน้า ทั้งหมด
////////////////////////////////////////////////////////////////
$qr='select field_id, field_data from '.$table.' order by field_id limit '.($curPage*$per_page).','.$per_page;
$rs=mysql_query($qr, hk_db_link);
$col=array('','',''); // กำหนด String Text เริ่มต้น เป้น array จำนวน item เท่ากับ จำนวน column
$col_idx=0; // กำหนด column index เริ่มต้นที่ 0
while($ro=mysql_fetch_assoc($rs)){
$col[$col_idx] .=
'<div style="width: 100px; height:80px; background-color: cyan">'.
'<center>'.$ro['field_data'].'</center>'.
'</div><br />';
$col_idx=($col_idx+1) % count($col);
} mysql_free_result($rs);
?>
<table>
<tr><td colspan=3 align=center >แสดงตัวอย่าง 3 column</td></tr>
<tr>
<td valign=top><?=$col[0]?></td>
<td valign=top><?=$col[1]?></td>
<td valign=top><?=$col[2]?></td>
</tr>
<tr><td colspan=3>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%"><tr>
<td><table border="0" cellpadding="0" cellspacing="0"><tr>
<?=($curPage? '<td><a href="?cur_page='.$curPage.'&per_page='.$per_page.'" >Prior</a></td>' : '')?>
<td> <b><?=$curPage?></b> </td>
<?=($curPage<$pageCount? '<td><a href="?cur_page='.($curPage+2).'&per_page='.$per_page.'" >Next</a></td>' : '')?>
</tr></table></td>
<td width="100%" align="right"><form action="" method="get">
<table class="table_0"><tr>
<td>จำนวนบรรทัด <input type="text" name="per_page" style="width: 30px" value="<?=$per_page?>" /></td>
<td>เลือกหน้า <input type="text" name="cur_page" style="width: 30px" value="<?=$curPage+1?>" /></td>
<td><input type="submit" value="go" style="width:25px" />
<td> <b>จำนวนหน้า <?=$pageCount?></b></td>
</tr></table></form></td>
</tr></table>
</td></tr>
</table>
ปล. code นี้เขียนขึ้นโดยยังไม่ได้ทำการทดลอง ผิดผลาดประการใดขออภัย ไว้ด้วย ขีเกียจสร้าง table
|
|
|
|
|
Date :
2014-06-22 12:27:02 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เป็นแบบนี้ค่ะ คืองงว่า จะดึงค่าใน database มาใส่ยังไงค่ะ โดยจะเรียงภาพ 1 2 3 4 5 6 7 ... ไปเรื่อยๆ โดยอยู่ในรูปแบบ css แบบนี้ค่ะ
รบกวนด้วยนะค่ะ มือใหม่หัดเขียนค่ะ >_<
Code (PHP)
<div align="center">
<div style="float:left;">
<div><?php echo $r["productpic_shot"]; ?>แสดงรูปที่ 1</div>
<div style="padding-top:50px;"><?php echo $r["productpic_shot"]; ?>แสดงรูปที่ 2</div>
</div>
<div style="float:left; padding-left:30px; padding-top:150px;">
<div><?php echo $r["productpic_shot"]; ?>แสดงรูปที่ 3</div>
</div>
</div>
<div align="center">
<div style="float:left;">
<div><?php echo $r["productpic_shot"]; ?>แสดงรูปที่ 4</div>
<div style="padding-top:50px;"><?php echo $r["productpic_shot"]; ?>แสดงรูปที่ 5</div>
</div>
<div style="float:left; padding-left:30px; padding-top:150px;">
<div><?php echo $r["productpic_shot"]; ?>แสดงรูปที่ 6</div>
</div>
</div>
|
|
|
|
|
Date :
2014-06-22 15:49:12 |
By :
angeleye |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เป้นชุด ๆ ล่ะ 3 ภาพ ตามแบบ ด้านบนหรือเปล่าครับ
|
|
|
|
|
Date :
2014-06-22 16:57:23 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รูปจะแสดงภาพ 1 2 3 4 5 6 ไปเรื่อยๆค่ะ แต่ css จะแสดงภาพออกเป็น 3 ชุด (ภาพ 1 ภาพ 2 ภาพ 3 ) แล้วก็เริ่มรันชุดต่อไปเป็น ภาพ 4 ภาพ 5 ภาพ 6 ไปเรื่อยๆค่ะ
|
|
|
|
|
Date :
2014-06-22 17:01:22 |
By :
angeleye |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
โอเคครับ
Code (PHP)
<?php
$pic_idx=0; $pic=array('','',''); // ทำ buffer ข้อมูลเก็บไว้ใน $pic ก่อน ยังไม่ เอาออกไปใช้ทันที
while( $r=mysql_fetch_assoc($rs)){
switch($pic_idx){
case 0: case 2: $pic[$pic_idx]="<div>$r[productpic_shot] (แสดงรูปที่ ".($pic_idx+1).")</div>"; break;
case 1: $pic[$pic_idx]="<div style=\"padding-top:50px;\">$r[productpic_shot] (แสดงรูปที่ 2)</div>"; break;
}
$pic_idx=($pic_idx+1) % 3;
if($pic_idx==0){ // เมื่อครบ 3 รายการแล้ว ค่อย ส่งค่า $pic ออกไป
?>
<div align="center">
<div style="float:left;"><?=$pic[0].$pic[1]?></div>
<div style="float:left; padding-left:30px; padding-top:150px;"><?=$pic[2]?></div>
</div>
<?php
$pic=array('','','');
}
}
if($pic_idx){ // เมื่อจบโปรแกรม เช็คค่า เศษของ ชุด (เศษของ 3 )
?>
<div align="center">
<div style="float:left;"><?=$pic[0].$pic[1]?></div>
<div style="float:left; padding-left:30px; padding-top:150px;"></div>
</div>
<?php
}
?>
|
ประวัติการแก้ไข 2014-06-22 17:22:58 2014-06-22 17:24:14 2014-06-22 17:32:49
|
|
|
|
Date :
2014-06-22 17:21:37 |
By :
Chaidhanan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณมากๆ ค่ะ ^__^ เดี๋ยวขอลองก่อนนะค่ะ
|
|
|
|
|
Date :
2014-06-22 18:08:40 |
By :
angeleye |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|