Group Blog
 
<<
มีนาคม 2548
 12345
6789101112
13141516171819
20212223242526
2728293031 
 
29 มีนาคม 2548
 
All Blogs
 
เล็กๆ น้อยๆ กับ 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="http://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="http://www.ที่ไหนซักที่.com/folder/style.css">



เท่านี้ก็เรียบร้อยครับ สำหรับเอา Javascript หรือ CSS มาแต่งแต้ม Blog ของเราครับ



Create Date : 29 มีนาคม 2548
Last Update : 29 มีนาคม 2548 11:13:47 น. 17 comments
Counter : 887 Pageviews.

 
ขอบคุณครับ


โดย: nopu.th วันที่: 29 มีนาคม 2548 เวลา:11:26:18 น.  

 
เริ่ดมากครับ เข้าใจง่ายดีจัง


โดย: หมาร่าหมาหรอด วันที่: 29 มีนาคม 2548 เวลา:11:56:43 น.  

 
ขอบคุณค่ะ....เด๋วกลับมาอ่านอีกซักรอบดีมั้ยเนี่ย....เพื่อให้ซึมซับ คิๆๆ


โดย: Mu_in_love วันที่: 29 มีนาคม 2548 เวลา:19:56:47 น.  

 
ขอบคุณคับ


โดย: นายFee วันที่: 29 มีนาคม 2548 เวลา:20:19:44 น.  

 
^^


โดย: ปุ้ม หญิง วันที่: 29 มีนาคม 2548 เวลา:23:11:01 น.  

 
ขอบคุณค่า แหะแหะ


โดย: ซินเด๋อเหลอหลา วันที่: 29 มีนาคม 2548 เวลา:23:45:42 น.  

 
ได้ความรู้มากมายจาอบล็อกนี้ค่ะ


โดย: ngomngay วันที่: 5 เมษายน 2548 เวลา:22:01:30 น.  

 
เจ๋งโครตอ่ะครับ


โดย: Adct2Luv IP: 203.172.66.134 วันที่: 7 เมษายน 2548 เวลา:10:24:46 น.  

 
จะลองมั่ง ขอบคุณนะคร้าบบบ


โดย: ป้าจะอิ๊บ (jipnaja ) วันที่: 7 เมษายน 2548 เวลา:10:57:38 น.  

 
บางทีการอ้างแบบ link ของ style sheet อาจจะไม่ได้ผลนะครับ

ผมว่า เอาชัวร์ๆ ดีกว่า

<style type=text/css>@import url(ที่อยู่ไฟล์ css ของท่าน);</style>

จบข่าว


โดย: Shelling Ford` วันที่: 7 เมษายน 2548 เวลา:14:15:45 น.  

 
แปลงยังไงหว่า ให้เป็น .css (รำพึง)


โดย: ป้ามด วันที่: 17 กรกฎาคม 2548 เวลา:19:56:17 น.  

 
แสบตา

src=http://www.bloggang.com/emo/emo42.gif>


โดย: - - IP: 58.11.39.22 วันที่: 3 สิงหาคม 2548 เวลา:1:17:54 น.  

 
ดีจังเลยคะ เข้าใจง่ายคะ


โดย: โอน่าจอมซ่าส์ วันที่: 3 สิงหาคม 2548 เวลา:2:36:30 น.  

 
ขอบคุณค่ะ


โดย: ป่ามืด วันที่: 7 กันยายน 2548 เวลา:9:44:05 น.  

 
หง่ะ... แบบไหนก็มะได้อ่ะคะ... ทำไรผิดป่าวเรา...

(. .*)


โดย: ^Lyn[z] (LynZyJo ) วันที่: 27 ธันวาคม 2548 เวลา:3:14:21 น.  

 
หุหุ..ไม่รู้ เรื่อง กะ เค้า เลยยย



โดย: ying_lp1 วันที่: 31 กรกฎาคม 2552 เวลา:13:17:52 น.  

 
ความรู้ชั้นสูงอะ เขาพึ่งหัดเขียน Blog ใหม่ๆ อ่านแล้วงงมากมายเลย แต่จะพยายาม ขอบคุณสำหรับความรู้


โดย: platwona (pla_tun ) วันที่: 24 มกราคม 2556 เวลา:11:30:01 น.  

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

กึ่งยิงกึ่งผ่าน
Location :
กรุงเทพ Thailand

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

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 4 คน [?]




มีคนถามมาเยอะ ว่าชื่อผมแปลว่าอะไร บอกง่ายๆ ว่ามาจากฟุตบอลครับ "กึ่งยิงกึ่งผ่าน" เป็นการส่งลูกไปที่

หน้าประตูฝ่ายตรงข้าม โดยผู้เล่นที่เลี้ยงลูกมาจากทางด้านข้างของสนาม พอถึงจังหวะ ก็ผ่านลูกมาให้เพื่อนที่วิ่งมารออยู่หน้าประตู .... ต่าแว่!!

... แต่ว่า!!! ... ลูกมันเลยเพื่อนไป แต่ก็ไม่ถึงประตู เหมือนจะเป็นการยิงประตูก็ไม่ใช่ จะส่งให้เพื่อนก็ไม่ใช่


นี่จึงเป็นที่มาของคำว่า "กึ่งยิงกึ่งผ่าน" ครับ

ผมไม่ได้คิดเองแต่อย่างใด แต่เอามาจากการดูฟุตบอลครับ

ปล. ชื่อผมนี่บ่งบอกเลยว่า "ฟุตบอล" แต่ผมไม่ได้เล่นห้องศุภฯ นะครับ .. แหะ แหะ แหะ
Friends' blogs
[Add กึ่งยิงกึ่งผ่าน's blog to your web]
Links
 

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