หลักการเขียนสคริป หน้าหลัก >แต่งบล็อก>หลักการเขียนสคริป การโพสสคริป หลังจากที่ทดลองโพสแท็กและสคริปต่างๆ แล้วอยากจะบ้าตาย ทำไมมันโพสยากอย่างนี้เนี่ย เนื่องจากทาง Bloggang มีการกำหนดว่าไม่ให้วางสคริปต่างๆไว้ที่ส่วนของเนื้อหา  จากที่ทดลองมามีหลายวิธีในการโพสแท็กและสคริป 1. การเติม * เข้าไปที่ด้านหลังของเครื่องหมาย <  ของแต่ละแท็กเช่น  <*script language="JavaScript">... <* /script>วิธีนี้จะสะดวกในการโพสที่สุดเนื่องจากแค่เติมเครื่องหมาย * เข้าไปในแท็กต่างๆ โดยใส่ไว้หลังเครื่องหมาย < ทุกตัวเราสามารถเข้าไปแก้ไขหรือเพิ่มเติมรายละเอียดต่างๆได้โดยไม่มีผลกับแท็กที่เราได้โพสไปก่อนหน้านั้น แต่จะไม่ค่อยสะดวกสำหรับคนที่ต้องการทำไปใช้เท่าไหร่ เนื่องจากจะต้องลบเครื่องหมาย * ออกก่อนจึงจะใช้งานได้ 2. การใช้แท็ก textarea ในการโพส  เช่น <textarea class="codecontainer">สคริปที่ต้องการโพส</textarea> เท่าที่ลองมาจะโพสได้กับสคริปสั้นๆ ถ้าเป็นสคริปยาวๆที่มีการเปรียบเทียบมีเครื่องหมาย <,> มักจะมีปัญหา 3. ใช้อักษรพิเศษ&lt; แทนเครื่องหมาย < ทุกตัวที่มีอยู๋ในสคริป วิธีนี้จะสะดวกต่อผู้นำไปใช้ซึ่งสามารถใช้ได้เลย แต่ถ้าเราจะกลับเข้ามาแก้ไขใหม่อักษรพิเศษนั้นจะเปลี่ยนเป็น < ทำให้กลายเป็นจุดเริ่มต้นของแท็ก/สคริปไป การเขียนสคริปลงใน 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 %  ดังนั้นผสมกันแล้วจึงได้สีม่วง ลองไปผสมสีเล่นดูละกันนะครับเพื่อความชำนาญ     Create Date : 16 เมษายน 2556 2 comments Last Update : 25 พฤษภาคม 2556 20:52:45 น. Counter : 9262 Pageviews. Share Tweet

ดูตัวอย่างรหัสสี   โดย: yaovarit 24 กันยายน 2556 21:18:37 น.

หรือ   โดย: yaovarit 24 กันยายน 2556 21:20:41 น.