รบกวนท่านพี่ๆ ทั้งหลายอีกแล้วครับ คือผมอยากปรับปรุงเว็บไซต์ของผมอ่ะครับ ในเรื่่องของการ

comscizaa · 19 เมษายน 2011, 08:05:41

รบกวนขอคำแนะนำสคริปแบ่งหน้า หน่อยนะครับที่อยากพัฒนาเว็บผมให้เป็นแบบนี้อ่ะครับ

ที่ผมพอทำได้มันออกมาได้เป็นแบบนี้อ่ะครับ

ขอรบกวนหน่อยครับ ขอขอบคุณล่วงหน้าสำหรับผู้มีพระคุณนะครับ

รบกวนขอตัวอย่างโค๊ดด้วยนะครับ เดี๋ยวผมเอามางัดแงะแกะโค้ดเองก็ได้ครับ
ที่ผมอยากได้คือแนวทางการทำครับ ถ้าได้สำเร็จรูปเลยจะเป็นพระคุณอย่างมากครับ

nypee · 19 เมษายน 2011, 13:09:03

ลองหาใน phpclasses.org
หรือ search ใช้ keyword paginate, pagination ทำนองนี้คับ

TheBoyzz · 19 เมษายน 2011, 13:26:18

เปลี่ยนจากใช้ table เป็น div แทน จะได้ไม่ต้องคำนวนว่าอยู๋ cell ไหน

โค้ด เลือก

<!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>Untitled Document</title>
</head>

<body>
<div class="container" style="width:850px; display:block">
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
    <div style="margin:2px; width:200px; height:200px; border:solid 10x #000; float:left;">content goes here</div>
</div>

</body>
</html>

ganginwpop · 19 เมษายน 2011, 13:31:37

เขียน CSS เข้าไปก็น่าจะได้ละครับ
ประมาณนี้ครับ

โค้ด เลือก

<style>
#bigBox{
 width:400px;
}
.mybox{
 width:200px;
 float:left;
}
</style>
<div id="bigBox">
 <div class="mybox">text</div>
 <div class="mybox">text</div>
 <div class="mybox">text</div>
 <div class="mybox">text</div>
</div>

ปล.ผมมั่ว

comscizaa · 19 เมษายน 2011, 16:17:34

ขอบคุณพี่ๆ ที่เข้ามาตอบนะครับ ตอนนี้ผมทำสำเร็จแล้วครับ
ลองเข้ามาดูกันนะครับ http://www.prakammatanputtoe.com

ganginwpop · 19 เมษายน 2011, 16:21:04

ขอแนะนำนิดนึงครับ
ย่อรูปหน่อยก็ดีนะครับ
มันหน่วงเว็บ เอาแบบ thumb แสดงผล แ้ล้วคลิกเป็น link แสดงภาพใหญ่ดีกว่าครับ

comscizaa · 19 เมษายน 2011, 16:38:12

ขอคุณครับ สำหรับคำแนะนำ แต่ผมยังไม่ได้ทำ ฟังก์ชัน resize อ่ะครับ
ผมค่อยๆ พัฒนามาเรื่อยๆ อ่ะครับ อยากทำเหมือนกัน
แต่สินค้าที่ไม่ได้ resize มันมีเยอะเกินไปแล้วอ่ะครับ

ganginwpop · 19 เมษายน 2011, 16:41:34

รูปสินค้าเก็บเป็น url ไว้ใน DB หรอครับ
......
จริงๆก็ทำได้อยู่นะ แต่วุ่นวายนิดนึง
สู้ๆครับ

comscizaa · 19 เมษายน 2011, 17:07:00

ครับ เก็บใน ชื่อรูปไว้ใน DB แล้ว copy ไว้ใน Folder อีกทีครับ
แล้วก็ดึงออกมาแสดงครับ แต่เสียอย่างลูกค้ามาเปิดร้านกับเว็บยังไม่มาก
ขนาดให้เปิดใช้บริการฟรีนะครับ อิอิ ธรรมดาครับ เว็บเปิดใหม่ ก็งี้แหละ

comscizaa · 19 เมษายน 2011, 22:50:08

เอาโค้ดมาแจกจะดีไหมครับ อิอิ