Post archive

Tag: Live Demo

  • FPDF

    FPDF บทที่ 11 พิมพ์ข้อความลงไปในเอกสารด้วยคำสั่ง text

    ในบรรดาคำสั่งในการพิมพ์ข้อความลงไปในเอกสาร pdf ที่ fpdf เตรียมไว้ให้ 4 คำสั่ง คือ Text , Write , Cell , MultiCell คำสั่ง Text เป็นคำสั่งที่เรียบง่ายที่สุด คำสั่งนี้เหมาะที่จะใช้ในการพิมพ์ข้อความสั้นๆ เพราะว่ามันจะไม่ขึ้นบรรทัดใหม่ให้อัตโนมัติ ลองดูวิธีการใช้งานครับ แล้วผมจะอธิบายคำสั่ง ตอนท้าย Live Demo

    READ MORE
  • FPDF

    FPDF บทที่ 10 ภาษาไทย

    การพิมพ์ภาษาไทยลงไปในเอกสาร pdf ด้วย fpdf นั้น จำเป็นจะต้องสร้างฟอนต์ภาษาไทยขึ้นมาก่อน ซึ่งก็เอาฟอนต์จากวินโดวนี่แหละครับไปผ่านกระบวนการบางอย่าง ในเว็บเขาแนะนำวิธีสร้างไว้อย่างละเอียด แต่อย่าเพิ่งตกใจนะครับ ผมมีฟอนต์ให้ท่านดาวน์โหลดไปใช้ได้เลย ผมได้รับมาจากน้องเด่นแห่ง minddesizn.com ต้องขอขอบคุณไว้ ณ ตรงนี้ครับ ดาวน์โหลดฟอนต์

    READ MORE
  • FPDF

    FPDF บทที่ 8 การใส่เลขหน้า

    เวลาเราพิมพ์เอกสารหลายๆหน้า เราก็มักจะมีหมายเลขหน้าและจำนวนหน้าทั้งหมด กำกับไว้ด้วยเสมอ เพื่อจะได้รู้ว่าเอกสารทั้งหมดมีกี่หน้า และปัจจุบันกำลังดูหน้าที่เท่าไร คำสั่งที่เกี่ยวข้องกับเลขหน้าของ FPDF นั้นมี 2 คำสั่ง คือ AliasNbPages PageNo

    READ MORE
  • FPDF

    FPDF บทที่ 7 การตั้งค่าท้ายกระดาษ

    ท้ายกระดาษคือส่วนที่จะถูกพิมพ์ออกมาโดยอัตโนมัติ ทุกๆครั้งที่สิ้นสุดหน้ากระดาษ เราอาจจะใช้พื้นที่ส่วนนี้พิมพ์ เลขหน้า ที่อยู่บริษัท หรือ copy right หรืออื่นๆใด ตามที่ท่านเห็นว่าอยากจะให้มันมีในทุกๆหน้าด้านล่าง สำหรับ FPDF นั้นคำสั่งที่ใช้สำหรับกำหนดท้ายกระดาษ ก็คือคำสั่ง Footer() ซึ่งคำสั่งนี้จะถูกเรียกใช้อัตโนมัติเมื่อสิ้นสุดข้อความในแต่ละหน้า

    READ MORE
  • FPDF

    FPDF บทที่ 6 การตั้งค่าหัวกระดาษ

    หัวกระดาษคือส่วนที่จะถูกพิมพ์ออกมาโดยอัตโนมัติ ทุกๆครั้งที่มีหน้าใหม่เกิดขึ้น โดยปกติแล้วเราอาจจะใช้พิมพ์ที่อยู่บริษัท หรือไม่ก็ตราบริษัท หรือไม่ก็เป็นหมายเลขหน้า เป็นต้น สำหรับ FPDF นั้นคำสั่งที่ใช้สำหรับกำหนดหัวกระดาษ ก็คือคำสั่ง Header() ซึ่งคำสั่งนี้จะถูกเรียกใช้อัตโนมัติเมื่อเกิดหน้าเอกสารใหม่ หรือจะพูดเอาง่ายก็กล่าวได้ว่า เมื่อใดที่เกิดการเรียกใช้คำสั่ง AddPage() (ไม่ว่าจะเกิดจากเราเขียนโค้ดเอง หรือว่าเกิดจากการแบ่งหน้าอัตโนมัติ) มันจะไปเรียกคำสั่ง Header() ขึ้นมาทำงานต่อจากมันด้วยอัตโนมัิติ คำสั่ง Header() นี้ไม่สามารถเรียกใช้ได้โดยตรง (อย่างที่กล่าวไปนั่นแหละ ว่ามันจะเรียกใช้อัตโนมัติ) และในตัว FPDF เองเขาเขียนไว้แค่คำสั่ง (เมธอด) เปล่าๆ

    READ MORE
  • FPDF

    FPDF บทที่ 5 การกำหนดกั้นหน้ากระดาษ

    คำสั่งที่ใช้สำหรับ กำหนดกั้นหน้ากระดาษนั้น มี 4 คำสั่ง ประกอบด้วย SetMargins SetLeftMargin SetRightMargin SetTopMargin

    READ MORE
  • FPDF

    FPDF บทที่ 4 การเพิ่มหน้ากระดาษ

    ในการสร้างไฟล์ pdf ด้วย FPDF นั้น การเพิ่มหน้ากระดาษเป็นสิ่งที่จะต้องทำ บังคับเลยว่างั้นเถอะ หรือในบางครั้งเราจำเป็นจะต้องออกรายงาน หลายๆหน้า เราก็ใช้คำสั่งนี้เหมือนกัน AddPage([string orientation ,[ mixed format]]) คำอธิบาย ใช้สำหรับเพิ่มหน้ากระดาษเข้าไปในเอกสาร pdf ของเรา

    READ MORE
  • FPDF

    FPDF บทที่ 3 การกำหนดขนาดกระดาษ

    แน่นอนเลยว่าในชีวิตจริง การออกรายงานหรือการปริ้นต์เอกสาร ไม่ได้จำกัดอยู่แค่ A4 แต่ยังมี กระดาษซองจดหมาย,A5 หรือกระดาษที่มีขนาดไม่ค่อยจะเหมือนชาวบ้าน เช่น จำพวกกระดาษต่อเนื่อง เป็นต้น นี่ยังไม่นับรวมเอา กระดาษแนวตั้ง กับแนวนอน เข้าไปด้วย FPDF นั้นอนุญาติให้เรากำหนดใช้กระดาษขนาดไหนก็ได้ แนวตั้ง แนวนอนก็ได้เช่นกัน โดยผ่าน construct

    READ MORE
  • FPDF

    FPDF บทที่ 2 การใช้งานเบื้องต้น

    ก่อนอื่นท่านต้อง ดาวน์โหลดคลาส FPDF มาก่อน หลังจากดาวน์โหลดมาแล้วให้แตกซิปออก สิ่งที่เราจะต้องใช้คือ ไฟล์ fpdf.php คลาสสำหรับสร้าง PDF โฟลเดอร์ font เราจะเก็บฟ้อนต์ที่ต้องการใช้งานในโฟลเดอร์นี้ ผมจะกล่าวถึงวิธีการเพิ่มฟอนต์ภาษาไทย ในบทต่อไป Live Demo เริ่มเขียนโค้ด

    READ MORE
  • jQuery

    จัดการข้อมูลในฟอร์มด้วย .val()

    คำสั่ง val() นี่ถือว่าเป็นคำสั่งเด็ดดวงเลยก็ว่าได้ เพราะเราคือผู้ทำเว็บแอพพลิเคชั่น ย่อมหลีกหนีไม่พ้น เรื่องตรวจสอบฟอร์มว่าป้อนไม่ป้อน ติ๊กไม่ติ๊ก บังคับให้ต้องป้อนข้อมูลหรือไม่ เป็นต้น ถ้าเทียบกับ javascript เดิม คำสั่งนี้จะเทียบได้กับ document.form1.textbox_name.valuedocument.form1.textbox_name.value ย๊าวยาว… คำสั่ง val() นี้คำสั่งเดียว สามารถใช้ได้ทั้ง ดึงค่าและกำหนดค่า เรามาดูรายละเอียดกันครับ ว่าใช้งานอย่างไร val() parameter : none คำสั่งนี้ใช้สำหรับดึงค่า value ออกมาจากคอนโทรลในฟอร์ม จำพวก textbox , checkbox , listbox เป็นต้น ตัวอย่างการใช้งาน Live Demo

    READ MORE