adkdev - Just another web development blog - php, ajax, Ajax, PHP, google maps, google map, api, javascript, css, CSS, web 2.0, html, xhtml

Archive for Prototype

Lightbox 2

แปลกใจตัวเองอยู่เหมือนกัน ว่าทำไม เราไม่เคยเขียนถึง สคริปส์ ตัวนี้หว่า…O_o มีแต่เขียนอ้างถึงเฉยๆ เอาหละวันนี้ ก็ขอเขียนสักหน่อยก็แล้วกันนะ อาจจะเป็นเรื่องเก่าแล้ว แต่สคริปส์ตัวนี้ก็เก๋าอยู่พอตัว 555+

Lightbox 2 เป็นสคริปส์ที่เอาไว้แสดงรูปภาพ โดยที่เมื่อเราคลิกที่รูป จะมีหน้าต่างขึ้นมา
(แต่ไม่ใช่ Popup windows นะ) โดยหน้าต่างนั้นจะปรากฏที่หน้าเว็บเดิม โดยจะมีการสร้าง Layer ขึ้นมาทับหน้าเว็บเดิม เพื่อแสดงรูปภาพนั้นๆ และเมื่อเราคลิก ที่ layer ที่เป็นพื้นหลัง (Background) สคริปส์ก็จะทำการปิดรูปภาพ พร้อมกับแสดงหน้าเว็บเดิม โดยที่ไม่มีการโหลดหน้าเว็บใหม่ แต่อย่างใด ดังตัวอย่างข้างล่าง

Lightbox 2

Read more »

Scripteka - Prototype extensions library

ตอนนี้คุณใช้ไลบราลีตัวไหนกันครับ ???

หากคุณใช้ Prototype กับ Script.acou.us (ตอนนี้ Prototype.js อยู่ที่เวอร์ชั่น 1.6.0 ส่วน Script.acou.us ก็อยู่ที่เวอร์ชั่น 1.8.0) ซึ่งตอนนี้มีสคริปส์ที่ใช้ไลบราลีทั้ง 2 เจ้านี้อยู่เยอะเหมือนกัน

เหตุนี้คุณ Juriy Zaytsev และคุณ Maxim Chernyak จึงได้จัดทำเว็บ Scripteka ขึ้นมา เพื่อรวบรวมสริปส์ต่างๆ ที่ใช้ Prototype และ Script.acou.us ในการพัฒนา ซึ่งตอนนี้รวบรวมไว้แล้วทั้งสิ้น 72 อัน แต่ละอันก็น่าสนใจทั้งนั้น

ลองๆ เข้าไปดูละกันนะครับ ซึ่งบางอันก็อาจจะเคยเห็นมาแล้ว เช่น Prototip เป็นต้น

Scripteka :: Prototype extensions library

Prototype 1.6 release

Prototype 1.6 ออกมาแล้ว (ขอลงข่าวหน่อยละกันนะ) ซึ่งที่ออกมานี้เป็นการ upgrade ครั้งใหญ่ (เขาว่างั้น)่ ดูข้อมูลการ updates ได้ โดยเพิ่มสรรพคุณไปมากพอควร มากกว่าเดิมเท่าไหร่ อันนี้ไม่ทราบ (จะเขียนทำไมเนี่ย) แต่เอาเป็นว่าออกมาแล้วละกันครับ Prototype 1.6 ไปดาวโหลดมาพิจารณากันได้ตามสะดวกครับ

หลายคนคงสงสัย ว่าทำไมผมเขียนถึง Prototype บ่อยจัง ก็เนื่องจากว่าของเขาดีจริงๆ คนใช้กันเยอะ (มั้ง) เว็บใหญ่ๆ เขาก็ใช้กัน ไม่เชื่อดูที่นี่ ไม่เชื่ออย่าลบหลู่ หุหุ

Prototip - Tooltips for prototype

ก่อนหน้าผมเคยเขียนถึง Script.aculo.us - Effect.Tooltip คราวนี้ จากผู้จัดคนเดิม ได้ออกเวอร์ชั่นใหม่แล้ว เป็นเวอร์ชั่น 1.0.1 แถมมีชื่อใหม่ซะด้วย โดยมีชื่อว่า Prototip ซึ่งทำให้เราสามารถสร้าง Tooltips ได้อย่างง่ายดาย แต่ความสามารถไม่ได้เรียบง่าย ธรรมดา เหมือนวิธีการใช้นะ Prototip นี้ยังคงใช้ Prototype javascript framework และ Scriptaculous ในการสร้างสรรค์ผลงานเหมือนเดิม

สิ่งที่เพิ่มมาใน Prototip คือ Hooking (เจ้าของเขาเรียกอย่างงั้น) คือ ความสามารถที่ทำให้เรากำหนดทิศทางการแสดงผลของ Tooltips ได้ ว่าจะให้เด้งขึ้นมาทางไหน เช่น bottomRight TopLeft เป็นต้น ซึ่งในเว็บ Prototip เขามีตัวอย่าง ในส่วนของ Hooking ซึ่งดูแล้วเข้าใจง่ายมาก ส่วนการกำหนดระยะห่างของ Tooltips ยังคงมีเหมือนเดิม

อีกทั้งยังมีวิธีใช้งานอย่างละเอียด อีกด้วย และสามารถดาวโหลด SourceCode มาลองใช้ได้ ที่หน้าเดียวกันครับ

Prototip - Tooltips for prototype

Script.aculo.us and Prototype.js Offline Docs

แปลกใจเหมือนกันว่าเหตุอันใด library สองตัวนี้ถึงไร้ซึ่งคู่มือให้ดาวโหลดกัน มีแต่แบบ online ซึ่งจะอ่านได้คุณต้อง ออนไลน์ เท่านั้น wiki.script.aculo.us สำหรับ Script.aculo.us และ www.prototypejs.org/api สำหรับ Prototype
ซึ่งบางทีกว่าจะค้นเจอ ก็เล่นเอาลำบากเหมือนกัน วันนี้เรามีฮีโร่ ออกมาช่วยเหลือเราแล้ว ที่เว็บ m3nt0rs weblog ได้จัดทำมาให้เราแล้ว

โดย มีให้มาถึง 3 เวอร์ชั่นสำหรับ Script.aculo.us และ อีก 1 สำหรับ Prototype.js ให้เราดาวโหลดมาไว้เป็นคู่มือในเครื่องได้เลย
เวลามีปัญหาคาใจ จะได้เปิดหาได้ง่ายขึ้น ดูรายละเอียดได้ที่บล็อกของเจ้าตัวครับ

ข้างล่างนี้เป็นลิงค์สำหรับดาวโหลด ไฟล์ที่ว่าครับ

Script.aculo.us

Prototype.js

หน้าถัดไป »
inicio Contact me! sindicaci;ón