บทความ

กำลังแสดงโพสต์จาก พฤษภาคม, 2014

การสร้าง Popup หรือ Dialog สวย ๆ ด้วย jQuery UI

รูปภาพ
jQuery เป็น library ของ Javascript ที่ช่วยให้เราใช้ Javascript ได้ง่าย และรวดเร็ว ตามสโลแกนของ jQuery ที่ ว่า Write less, do more.

สำหรับการสร้าง Popup ความจริง Javascript มีฟังก์ชัน Alert() ให้ใช้ได้ทันที แต่มีข้อจำกัดที่เราไม่สามารถเปลี่ยนข้อความส่วนหัว หรือปรับแต่งใด ๆ ได้ แต่ถ้าใช้ Jquery สร้าง Popup ทำให้ได้ Popup สวย ๆ มีหลายแบบ ปรับแต่งข้อความต่าง ๆ ได้ตามต้องการ และถ้าใช้ควบคู่กับการติดต่อกับฐานข้อมูล เช่น ผ่าน Php และ mySQL ด้วยแล้ว ทำให้สามารถ สร้าง Dialog รับข้อมูล นำข้อมูลไปประมวลผลบน Server  และ รายงานผล โดยใช้ Popup โดยไม่ต้องเปลี่ยนหน้า เช่น
ดาวน์โหลดไฟล์ตัวอย่าง คลิกที่นี่
จากตัวอย่าง จะเห็นว่า มีฟอร์ม และมีการส่งข้อความไปยัง PHP และส่งผลกลับจาก PHP แล้วนำมาแสดงผ่าน Popup ของ jQuery (อ่านเรื่อง การส่งข้อมูลจาก jQuery ไปยัง PHP คลิกที่นี่)

Popup หรือ ที่เรียกว่า Dialog ของ jQuery เป็นอีก library หนึ่ง ชื่อ jQuery UI เข้าถึงได้ที่ http://www.jqueryui.com ซึ่งนอกจาก Dialog แล้ว ยังมีอื่น ๆ อีก เช่น การสร้างแถบ(Tab) การซ่อน/แสดงข้อความ(Accordion) ปฏิทิน (Date picker)และ ปุ…

การส่งข้อมูล จาก jQuery ไปยัง PHP

รูปภาพ
jQuery เป็น Javascript Library ที่ช่วยให้การใช้งาน Javascript สะดวก รวดเร็วขึ้น เช่น ตัดปัญหาเรื่อง Browser ว่าจะใช้ได้หรือไม่ และอื่น ๆ อีกมากมาย และที่สำคัญ ในตัวอย่างนี้ จะเป็นการใช้ jQuery เพื่อส่งข้อมูลไปยัง PHP เพื่อเก็บลงฐานข้อมูลต่อไป แต่ในตัวอย่างนี้ จะเป็นการส่งข้อมูลไปยัง PHP และให้ PHP ส่งกลับมาที่ JQuery  และแสดงผ่านหน้าจอ Popup ของ JQuery

การใช้งานตามตัวอย่างนี้ จำเป็นที่ต้องทำเครื่องคอมให้เป็น Server หรือถ้าใครมี Server ที่ใช้งานได้ เช่นเดียวกัน โดยสร้างห้องบน Server และบันทึกไฟล์ต่าง ๆ ให้อยู่ในห้องเดียวกัน เพื่อความสะดวก จะได้ไม่ต้องอ้างอิงยืดยาว

ในตัวอย่างนี้ ใช้ XAMPP เพื่อจำลองเครื่อง Notebook ให้เป็น Server

ไฟล์ที่จะใช้งาน มี 3 ไฟล์ คือ

index.html คือไฟล์หลัก ใช้เป็นแบบฟอร์มกรอกข้อมูล เพื่อส่งข้อมูลผ่าน jQuery ไปยัง PHPjquery-2.2.2.min.js คือไฟล์ jquery ที่ดาวน์โหลดมา เพื่อใช้งานwelcome.php คือไฟล์ PHP สำหรับรับข้อมูล และส่งกลับ ไฟล์ทั้งหมด อยู่ในห้องเดียวกันบน Server

ก่อนอื่น ต้องไปดาวน์โหลด jQuery มาก่อน ที่ http://www.jquery.com


การดาวน์โหลด ให้ใช้รุ่น Productio…

การกำหนดเลขหน้าที่ต่างกัน ใน MS Word 2010

รูปภาพ
ถ้าต้องการให้เอกสารมีเลขหน้าต่างกัน เช่น 2 หน้าแรก ไม่มีเลขหน้า หน้าที่ 3 เริ่มต้น หมายเลขหน้า เป็นเลข 1 จะทำอย่างไร



หลักการ

ต้องแบ่งไฟล์เอกสารออกเป็นส่วน ๆ โดยใช้ Section Break หรือ การแบ่งส่วน ถ้าไม่ต้องการให้มีเลขหน้าในบางส่วน ให้ตัดส่วนเชื่อมโยงของส่วนถัดไปออก และ ลบหมายเลขหน้าของส่วนก่อนหน้านั้นออก ถ้าไม่ตัดการเชื่อมโยง เมื่อลบหมายเลขหน้า จะลบหมายเลขหน้าออกทั้งเอกสาร

วิธีการ

กำหนดหมายเลขหน้าของเอกสารทั้งหมด โดยไปที่ แทรก > หมายเลขหน้าไปที่่หน้าที 3 ซึ่งต้องการเริ่มต้นหมายเลขหน้า เป็นหน้าที่ 1คลิกที่ตำแหน่งเริ่มต้นของหน้าที่ 3  ไปที่ เค้าโครงหน้ากระดาษ > แทรกตัวแบ่งส่วนและหน้า > ตัวแบ่งส่วน > หน้าถัดไป ถ้าไม่สังเกต อาจจะไม่เห็นว่าเกิดอะไรขึ้น แต่ถ้ากด Ctrl + Shift + * เพื่อแสดงเครื่องหมายย่อหน้า และสัญลักษณ์การจัดรูปแบบอื่น ๆ หรือคลิกที่ เครื่องหมาย ∏ แล้ว ดูที่การแบ่งส่วน จะเห็นมีข้อความการแบ่งส่วนให้เห็น กลับไปที่หน้าที่ต้องการเริ่มต้นหมายเลขหน้า เป็นหน้าที่ 1 (ปัจจุบันจะแสดงหน้าที่ 3) และดับเบิ้ลคลิกที่ตัวเลขหน้าเลขหน้า เพื่อเข้าสู่หัวกระดาษ คลิกเพื่อยกเลิก การเชื่อมโยงไ…