หลักการเขียนสคริป การโพสสคริป หลังจากที่ทดลองโพสแท็กและสคริปต่างๆ แล้วอยากจะบ้าตาย ทำไมมันโพสยากอย่างนี้เนี่ย เนื่องจากทาง Bloggang มีการกำหนดว่าไม่ให้วางสคริปต่างๆไว้ที่ส่วนของเนื้อหา จากที่ทดลองมามีหลายวิธีในการโพสแท็กและสคริป 1. การเติม * เข้าไปที่ด้านหลังของเครื่องหมาย < ของแต่ละแท็กเช่น <*script language="JavaScript">... <* /script>วิธีนี้จะสะดวกในการโพสที่สุดเนื่องจากแค่เติมเครื่องหมาย * เข้าไปในแท็กต่างๆ โดยใส่ไว้หลังเครื่องหมาย < ทุกตัวเราสามารถเข้าไปแก้ไขหรือเพิ่มเติมรายละเอียดต่างๆได้โดยไม่มีผลกับแท็กที่เราได้โพสไปก่อนหน้านั้น แต่จะไม่ค่อยสะดวกสำหรับคนที่ต้องการทำไปใช้เท่าไหร่ เนื่องจากจะต้องลบเครื่องหมาย * ออกก่อนจึงจะใช้งานได้ 2. การใช้แท็ก textarea ในการโพส เช่น <textarea class="codecontainer">สคริปที่ต้องการโพส</textarea> เท่าที่ลองมาจะโพสได้กับสคริปสั้นๆ ถ้าเป็นสคริปยาวๆที่มีการเปรียบเทียบมีเครื่องหมาย <,> มักจะมีปัญหา 3. ใช้อักษรพิเศษ แทนเครื่องหมาย < ทุกตัวที่มีอยู๋ในสคริป วิธีนี้จะสะดวกต่อผู้นำไปใช้ซึ่งสามารถใช้ได้เลย แต่ถ้าเราจะกลับเข้ามาแก้ไขใหม่อักษรพิเศษนั้นจะเปลี่ยนเป็น < ทำให้กลายเป็นจุดเริ่มต้นของแท็ก/สคริปไป การเขียนสคริปลงใน Script area จากที่ทดลองนำสคริปจากที่มีคนแจกตามที่ต่างๆมาทดลองใส่ในช่อง Script area วิธีที่ง่าย สะดวกและเป็นระเบียบที่สุดเท่าที่ทดลองมา คือ - ให้นำมาวางใน Notepad ก่อน แล้วค่อยก็อปปี้ไปวางใน Script area - บางครั้งในบางบล็อกโพสสคริปไว้มีการเว้นช่องว่างในบางส่วนทำให้สคริปไม่ทำงาน เพื่อความแน่ใจก็ให้ลบช่องว่างออกซะ - สำหรับในบางบล็อกมีการโพสแท็ก หรือสคริปต่างๆ โดยการเพิ่มเครื่องหมาย * เข้าไปในแท็กจะต้องลบ * ออกก่อนจึงจะสามารถใช้งานได้ - บางกรณีมีการเว้นบรรทัดทำให้สคริปไม่ต่อเนื่องทำให้สคริปนั้นไม่ทำงาน ต้องจัดให้อยู่ในบรรทัดเดียวกันให้หมดซะจะได้ไม่มีปัญหาในการแสดงผล แล้วค่อยกอปปี้ไปวางใน Script area - สำหรับสคริปบางตัวที่มีการกำหนดฟังก์ชันการทำงานต่างๆซึ่งจะมีวงเล็บจัดวางในแต่ละบรรทัดเป็นชั้นๆ เป็นระเบียบก็ไม่ต้องไปจัดของเขาใหม่นะ เพราะเขาทำเพื่อให้เขียนและแก้ไขได้ง่าย วางไปได้เลยสคริปทำงานได้ - ถ้ากลัวว่าจำไม่ได้ว่า Script ที่เขียนไว้ทำหน้าที่อะไร ก็ให้เขียนคำอธิบายไว้ที่ท้าย Sript ดังนี้ <!คำอธบายสคริป> ซึ่ง Code นี้จะไม่ถูกแสดงที่หน้าบล็อก - ในกรณีที่ต้องการบอกทั้งจุดเริ่มต้นและจุดสิ้นสุดของสคริป ให้วาง <!คำอธบายสคริป> ก่อนที่จะขึ้นสคริป อย่าเอาไปวางต่อท้าย <script language="JavaScript"> <!คำอธบายสคริป> แบบนี้ เท่าที่ทดลองดูปรากฏว่าสคริปไม่ทำงาน - ในกรณีใช้สคริปเยอะควรจัดวางให้เป็นระเบียบโดยอาจจะเว้นบรรทัดระหว่างสคริปต่างๆ เพื่อง่ายต่อการแก้ไข ต่ออีกหน่อยกับเรื่องของโค้ดสี เผื่อว่ามีคนยังไม่เข้าใจ โค้ดสี เป็นตัวเลขที่แสดงค่าปริมาณของสี ซึ่งเป็นเลขฐาน 16 คือ เลข 0-9 และอักษร a-f เลข 0 คือไม่แสดงสีนั้น เมื่อเลขมากขึ้นสีก็จะเข้มขึ้นเรื่อยๆ การไล่ระดับสีของแต่ละสีจะเริ่มจาก 00 จนถึงเข้มที่สุดคือ ff สำหรับการผสมสีจะเป็นไปตามวงล้อของแสงสีดังรูป แดง(red) + เขียว(green) = เหลือง(yellow) แดง(red) + น้ำเงิน(blue) = ม่วง(magenta) เขียว(green) + น้ำเงิน(blue) = ฟ้า(cyan) แดง(red) + เขียว(green) + น้ำเงิน(blue) = ขาว(white) โค้ดสีจะขึ้นต้นด้วย # โค้ด 2 ตัวแรก คือ ค่าของสีแดง โค้ด 2 ตัวต่อมา คือ ค่าของสีเขียว โค้ด 2 ตัวสุดท้าย คือ ค่าของสีน้ำเงิน *ตัวอักษรตัวใหญ่หรือตัวเล็กก็ได้ผลเหมือนกันนะครับ ดังตัวอย่าง #ff0000 = สีแดง จากตัวอย่างคือให้มีการผสมของสีแดง 100 % สีเขียว 0 % สีน้ำเงืน 0 % ดังนั้นผสมกันแล้วจึงได้สีแดง อีกตัวอย่าง # ff00ff จากตัวอย่างคือให้มีการผสมของสีแดง 50 % สีเขียว 0 % สีน้ำเงืน 50 % ดังนั้นผสมกันแล้วจึงได้สีม่วง ลองไปผสมสีเล่นดูละกันนะครับเพื่อความชำนาญ |
บทความทั้งหมด
|
ดูตัวอย่างรหัสสี