วันอังคารที่ 22 พฤศจิกายน พ.ศ. 2554

สคริปต์แบ่งหน้าด้วย JQUERY (jqPagination)

สคริปต์แบ่งหน้าด้วย JQUERY (jqPagination)


การแบ่งหน้าเป็นสิ่งที่สำคัญมากต่อข้อมูลที่มีปริมาณมาก ๆ จะทำให้หน้าเว็บดูสวยงามเป็นระเบียบอีกทั้งยังช่วยในเรื่องความสะดวกในการใช้งานทำให้ในหน้าที่มีข้อมูลไม่ยาวจนเกินไป แล้วการแบ่งหน้าจะทำยังไงให้ง่ายล่ะ? ก็ต้องใช้ php หรือสคริปต์อื่น ๆ ที่ช่วยในการติดต่อ mysql จากฐานข้อมูล กำหนด limit ที่ละช่วงของข้อมูล วิธีทำก็ลองดูตามนี้ ง่าย ๆ example 1 ,example 2 หรือ จะใช้ คีย์เวิร์ดว่า "PHP Pagination" ในการค้นหาข้อมูลจาก Google ดูก็ได้ลองดูครับไม่ยาก


ส่วนการแบ่งหน้าแบบข้างบนนั้นจะทำการส่งค่าหนึ่งที เพื่อจะทำการรีเฟรชหน้าแล้วดึงข้อมูลมาตาม limit ที่ต้องการ แต่ปัจจุบันเรามีเทคนิคใหม่ ๆ ซึ่งก็คือ ajax , jquery นั่นเองทำให้การประมวลผลทำได้ในหน้าเดียว(โดยไม่ต้องรีเฟรชหน้าเว็บเพจ) ทำให้สะดวกแก่ผู้ใช้เพิ่มมากขึ้น วันนี้ก็มี jquery pagination ตัวหนึ่งมาแนะนำประกอบการตัดสินใจจะนำไปใช้งานกัน ตัวนี้ชื่อว่า jqPagination ไปลองดู demo และ source code กัน


demo




จุดสังเกตุ jqPagination จะส่งค่าเป็นแบบ $_GET['page'] ไปให้ในที่เราต้องการในลักษณะนี้



download and more document http://beneverard.github.com/jqPagination/

ไม่มีความคิดเห็น:

แสดงความคิดเห็น