Group Blog
 
 
เมษายน 2556
 123456
78910111213
14151617181920
21222324252627
282930 
 
16 เมษายน 2556
 
All Blogs
 
หลักการเขียนสคริป

หน้าหลัก >แต่งบล็อก>หลักการเขียนสคริป




การโพสสคริป

หลังจากที่ทดลองโพสแท็กและสคริปต่างๆ แล้วอยากจะบ้าตาย ทำไมมันโพสยากอย่างนี้เนี่ย เนื่องจากทาง 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
Last Update : 25 พฤษภาคม 2556 20:52:45 น. 2 comments
Counter : 9227 Pageviews.

 


โดย: yaovarit วันที่: 24 กันยายน 2556 เวลา:21:18:37 น.  

 


โดย: yaovarit วันที่: 24 กันยายน 2556 เวลา:21:20:41 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

yaovarit
Location :
กรุงเทพฯ Thailand

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 33 คน [?]




New Comments
Friends' blogs
[Add yaovarit's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.