หายไปนาน ไม่ค่อยมีอะไรให้อัพ ช่วงนี้เริ่มว่างเลยกลับมาอัพเกรดงานเดิมที่ทิ้งไว้ รายละเอียดมีดังนี้ครับ

จุดแรกได้แก่
เปลี่ยนแปลงส่วนของปุ่มสลับหน้า Html และ Css ย้ายไปอยู่ข้างบนแทน ทำให้กด F1 สลับหน้าจอได้
ส่วนปุ่มเลือกระบบ Update ก็ย้ายเอามาไว้ข้างล่าง กดเอาแทนครับ


จุดที่สอง
การใช้ Css นั้นขอให้ใช้ #previewer เป็น Element เริ่มต้นนะครับ ไม่งั้นเดียวตัว Editor เละไปด้วย หุหุ
ใครไม่ชอบใจสีของ Editor ก็แก้ Css ในนี้เอาได้เลยก็ได้ครับ

จุดที่สาม
เพิ่มระบบ Javascript เข้ามา วิธีใช้ก็เพียงกดปุ่ม Javascript ข้างๆปุ่ม Update ก็จะปรากฏหน้าต่างใหม่ออกมาครับ


ตัวนี้ยังไม่ได้ใส่ตัวช่วยอะไรมา ดังนั้นไม่ต่างจากพิมพ์ใน Notepad ละครับ พิมพ์เสร็จก็กดอัพเดตให้มันไปทำงานในหน้า Editor
ผมแบ่งสคริปเป็น 2 โซนได้แก่ Pre Script ซึ่งจะทำงานก่อนสร้าง Body และ Post Script ที่จะทำงานหลังสร้าง Body


มาลองใช้งานกันครับ
ผมเพิ่มปุ่ม Hi ขึ้นมาทดสอบเพิ่ม เพื่อให้เห็นว่าผมสามารถเรียกใช้สคริปจาก Pre Script
ส่วนปุ่ม Hello นั้นใช้งานได้ดีแต่ขี้เกียจถ่ายรูปแล้วครับ ฮาๆ

ตัว Javascript Console นั้นยังคิดไม่ออกว่าจะทำ Editor ออกมาแบบไหน
เนื่องจากคำสั่งมันเยอะมากกก เลยทำเป็นแบบ Plant Text ไปก่อน ใครมีไอเดียเสนอได้นะครับ

ปล. ที่ยังไม่ออกให้ทดสอบเพราะกลัวโดน Hijack โฮสด้วย Ajax หุหุ ขอหาวิธีที่ปลอดภัยได้ก่อนแล้วจะเปิดให้ใช้งานครับ (^_^")

Comment

Comment:

Tweet

Richter View my profile