|
|
| | 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | |
|
| |
|
|
|
|
|
|
|
|
เล็กๆ น้อยๆ กับ Javascript และ CSS ใน Bloggang
สำหรับ Javascript และ CSS นั้น มีส่วนสำคัญอย่างมากในการทำให้ HTML มีชีวิตชีวามากกว่าที่หน้าเว็บจะเป็นเพียงแค่หน้าหนังสือที่อยู่บนจอคอมพิวเตอร์ และเหนือสิ่งอื่นใด ผมขอเกริ่นคร่าวๆ เกี่ยวกับเจ้าสองตัวนี้กันก่อนนะครับ เพราะหลายๆ ท่านอาจจะยังไม่รู้ว่ามันคืออะไร
Javascript คือภาษา Script ภาษาหนึ่งที่ทำงานบน Web Browser เพื่อให้มีการทำงานที่ดุ๊กดิ๊กได้ มีลูกเล่น และบางครั้งยังเอื้อประโยชน์ด้านข้อมูลได้มากมาย แล้วแต่ว่าคนเขียนจะเขียนไปในแนวทางไหน
CSS ย่อมาจาก Cascade Style Sheet และลักษณะการทำงานของมัน จะคล้ายๆกับเครื่องสำอาง นั่นคือ เป็นสิ่งที่คอยตกแต่งหน้าตาเว็บ ให้มีหน้าตา สีสัน ที่ HTML ธรรมดาไม่สามารถทำได้
<Script ...>
..
</Script>
คือการสั่งให้ Javascript ทำงาน
|
และ
<Style Type="Text/CSS">
..
</Style>
เป็นการกำหนด CSS ใน HTML
|
แต่สำหรับ Bloggang แล้ว มันมีอะไรมากกว่านั้นครับ!!!
นั่นคือเมื่อเราพิมพ์ลงไปในช่องใดๆ ไม่ว่าจะเป็นช่องแสดงความเห็น หรือช่องปรับ Profile ของเราเอง Bloggang จะแปลง "การขึ้นบรรทัดใหม่" ให้เป็น HTML Code ของการขึ้นบรรทัดใหม่ นั่นคือ <BR> นั่นเอง และนั่นทำให้บางครั้งการใส่ Javascript หรือ CSS ลงไปใน Bloggang จะทำให้เกิด Error ขึ้นได้
เช่น
<script>
document.title = "อิอิอิ เอิ๊ก";
</script>
เมื่อผ่านการทำงานของ Bloggang แล้ว จะกลายเป็น
<script><br>
document.title = "อิอิอิ เอิ๊ก";<br>
</script><br>
ซึ่งผิดกันเห็นๆ เลย และ CSS ก็จะเป็นเหมือนกัน นั่นคือหากมีการขึ้นบรรทัดใหม่ จะผิดทันที
|
วิธีการแก้ไขอย่างง่ายๆ ก็คือ หากจะเอา Javascript มาใส่ในช่อง Slogan หรือ Profile ให้ทำ Javascript หรือ CSS ให้เป็น "บรรทัดเดียว" ครับ แค่นี้ล่ะครับ ก็ไม่ error แล้ว
ทีนี้มี Script และ CSS ที่ยาวๆ เยอะๆ ซึ่งอาจจะเป็น Javascript ที่เป็นตัวทำเมาส์เท่ๆ ตัวทำ emoticon ฯลฯ อะไรก็แล้วแต่ ซึ่งปกติพวกนี้จะมากันเป็นไฟล์ แล้วมีจำนวนบรรทัดหลายบรรทัดมาก เราจะไม่ใส่ Javascript ยาวๆ ลงไปในช่องสองช่องดังกล่าว เพราะ ... มันใส่ได้ไม่หมดครับ มีจำกัดตัวอักษรครับ
วิธีการก็คือ .. เอา Javascript ก่อนละกัน
1. ให้ Save ไฟล์ Javascript นั้น เป็นไฟล์ นามสกุล .js เช่น mousetrail.js เป็นต้น โดยที่ "ตัด" <script..> และ </script> ออก เพราะมันจะทำให้ Error ครับ เพราะมันเป็นการประกาศค่าซ้อนกัน
2. นำไฟล์นี้ไปไว้บน Server ที่ไหนสักที่ ตรงนี้ต้องหากันเอาเองนะครับสำหรับเนื้อที่ สำหรับของผม Jetboat เค้าใจดี ให้ยืมที่ครับ อิอิ
3. เขียน code ลงใน Blog ดังนี้
| <script src="//www.ผู้ใจบุญ.com/js/mousetrail.js"></script> |
อย่างนี้เป็นต้นครับ แค่นี้ก็ได้แล้วครับ
ต่อมาคือการทำ CSS โดยเรียกไฟล์จากที่อื่นครับ วิธีการก็คล้ายๆ กับ Javascript นั่นล่ะครับ
1. Save CSS นั้นเป็นไฟล์ .css (จริงๆ เป็นอะไรก็ได้แหละครับ แต่เพื่อสื่อเข้าใจง่าย ก็เป็น .css นั่นแหละ ดีแล้ว) โดย "ตัด" <style type..> กับ </style> ออกด้วยนะครับ อันนี้จะไม่เหมือนกับ Javascript
2. upload ไปไว้บน server ที่ไหนซักที่
3. เขียน code ลงใน Blog ดังนี้
| <link type="text/css" rel="stylesheet" href="//www.ที่ไหนซักที่.com/folder/style.css"> |
เท่านี้ก็เรียบร้อยครับ สำหรับเอา Javascript หรือ CSS มาแต่งแต้ม Blog ของเราครับ |
| Create Date : 29 มีนาคม 2548 |
| Last Update : 29 มีนาคม 2548 11:13:47 น. |
|
17 comments
|
| Counter : 1700 Pageviews. |
 |
|
|
โดย: nopu.th  วันที่: 29 มีนาคม 2548 เวลา:11:26:18 น. |
|
|
|
| โดย: Mu_in_love วันที่: 29 มีนาคม 2548 เวลา:19:56:47 น. |
|
|
|
| โดย: นายFee วันที่: 29 มีนาคม 2548 เวลา:20:19:44 น. |
|
|
|
| โดย: ปุ้ม หญิง วันที่: 29 มีนาคม 2548 เวลา:23:11:01 น. |
|
|
|
| โดย: ngomngay วันที่: 5 เมษายน 2548 เวลา:22:01:30 น. |
|
|
|
| โดย: Adct2Luv IP: 203.172.66.134 วันที่: 7 เมษายน 2548 เวลา:10:24:46 น. |
|
|
|
| โดย: ป้าจะอิ๊บ (jipnaja ) วันที่: 7 เมษายน 2548 เวลา:10:57:38 น. |
|
|
|
| โดย: ป้ามด วันที่: 17 กรกฎาคม 2548 เวลา:19:56:17 น. |
|
|
|
| โดย: - - IP: 58.11.39.22 วันที่: 3 สิงหาคม 2548 เวลา:1:17:54 น. |
|
|
|
| โดย: ป่ามืด วันที่: 7 กันยายน 2548 เวลา:9:44:05 น. |
|
|
|
| โดย: ^Lyn[z] (LynZyJo ) วันที่: 27 ธันวาคม 2548 เวลา:3:14:21 น. |
|
|
|
โดย: ying_lp1  วันที่: 31 กรกฎาคม 2552 เวลา:13:17:52 น. |
|
|
|
| โดย: platwona (pla_tun ) วันที่: 24 มกราคม 2556 เวลา:11:30:01 น. |
|
|
|
|
|
|
|
|
Location :
กรุงเทพ Thailand
[ดู Profile ทั้งหมด]
|
 ฝากข้อความหลังไมค์
 Rss Feed
 ผู้ติดตามบล็อก : 4 คน [?]
|
มีคนถามมาเยอะ ว่าชื่อผมแปลว่าอะไร บอกง่ายๆ ว่ามาจากฟุตบอลครับ "กึ่งยิงกึ่งผ่าน" เป็นการส่งลูกไปที่
หน้าประตูฝ่ายตรงข้าม โดยผู้เล่นที่เลี้ยงลูกมาจากทางด้านข้างของสนาม พอถึงจังหวะ ก็ผ่านลูกมาให้เพื่อนที่วิ่งมารออยู่หน้าประตู .... ต่าแว่!!
... แต่ว่า!!! ... ลูกมันเลยเพื่อนไป แต่ก็ไม่ถึงประตู เหมือนจะเป็นการยิงประตูก็ไม่ใช่ จะส่งให้เพื่อนก็ไม่ใช่
นี่จึงเป็นที่มาของคำว่า "กึ่งยิงกึ่งผ่าน" ครับ
ผมไม่ได้คิดเองแต่อย่างใด แต่เอามาจากการดูฟุตบอลครับ
ปล. ชื่อผมนี่บ่งบอกเลยว่า "ฟุตบอล" แต่ผมไม่ได้เล่นห้องศุภฯ นะครับ .. แหะ แหะ แหะ
|
|
|
|
|
|
|
|
|
