textarea วิธีเปลือยโค้ดโดยไม่ให้รัน

สงสัยมานานแล้วค่ะ ว่าบรรดาเซียนบล๊อคทั้งหลายที่สอนและแจกโค้ดแต่งบล๊อคเค้ามีวิธีแสดงโค้ดยังไง เพราะเวลาเราแปะโค้ดเนี่ย มันจะรัน (แปล) โค้ดให้โดยอัตโนมัติเลยใช่มั๊ยคะ จริงๆ หลายท่านก็มีวิธีแก้ที่ง่ายมากๆ ก็คือ ใส่ * หรือ สัญลักษณ์อื่นแทรกเข้าไปหน้าโค้ดเพื่อโค้ดจะได้อ่านไม่ได้ ตัวอย่างเช่น <*table> แล้วเวลาจะใช้จริงก็ค่อยลบ * ออกก่อน แต่วิธีนี้ คนขี้ลืมอย่างเราเนี่ย ลำบากมากมาย (ยังจะบ่นอีก เค้าแจกโค้ดให้ฟรีๆ ก็ดีเท่าไหร่แล้ว ... แหะๆ) อีกอย่าง เท่าที่เห็นเซียนตัวจริงเค้าแปะคำสั่งเวลาแจกโค้ดนั้น โค้ดที่แจกก็สามารถ copy ไปใช้ได้เลยทันทีอย่างสะดวก ก็มิได้มีเจ้า * มาขัดขวางแต่อย่างใด เลยเป็นงงสงสัยว่า ท่านเหล่านี้เค้ามีเคล็ดลับอันใดหนอ ว่าจะถามเพื่อนรัก (คุณเหมี่ยว) เจ้าของเคล็ดวิชากรอบและบีจีสไตล์ญี่ปุ่น (ตำราที่เราเอามาดัดแปลงใช้อยู่เป็นประจำในบล๊อคนี่แหละจ้า) ก็ไม่ทัน เพราะเพื่อนเลิกเล่น Bloggang ไปแล้ว แต่โชคดีที่ไปค้นเจอในบล๊อคของคุณแคท (lozocat) ที่ได้รวบรวมโค้ดที่จำเป็นขึ้นมาใหม่ เรียกว่ารวมโค้ดที่มีประโยชน์ในการแต่งบล๊อครวมไปถึงการอธิบายโค้ดและตัวอย่างที่เข้าใจง่าย สามารถนำไปใช้ได้ทันที และสามารถนำไปสร้างสรรค์เพิ่มเติมต่อได้ตามต้องการ เพื่อนๆ สามารถตามไปดูบล๊อคต้นฉบับของคุณแคทได้โดยจิ้มไปที่หัวใจสีชมพูนี้ได้เลยค่ะ และคำสั่งที่ว่านั้นก็คือ คำสั่ง textarea นั่นเอง หมายถึงกรอบข้อความนี่แหละค่ะ ตัวอย่างที่เห็นชัดที่สุดก็คือ กล่องคอมเม้นท์ ด้านล่างบล๊อคนี่แหละค่ะ คำสั่งนี้เป็นตัวกำหนดว่า ของที่อยู่ในนี้จะเป็นข้อความตัวหนังสือ เพราะฉะนั้น ถ้าเราเอาโค้ดที่ต้องการแสดงมาใส่ไว้ในขอบเขตของคำสั่งนี้ โค้ดที่แปะไปมันก็จะไม่รัน ไม่มีการแปลโค้ดเกิดขึ้น สิ่งที่เราเห็นก็จะเป็นตัวหนังสือล้วนๆ นั่นเอง (คราวนี้ก็ไม่ต้องเสียเวลาใส่และลบ * ออกจากหน้าโค้ดแล้วเนอะ ที่เราเอามาลงในบล๊อคเราเองนี้ก็เพื่อกันลืมน่ะค่ะ เรียกว่าก๊อบคำสั่งเค้ามาอีกที เผื่อใช้เร็วๆ โดยไม่ต้องรอโหลดนาน แต่ถ้าจะหาคำอธิบายโดยละเอียดจริงๆ ล่ะก็... เรียนเชิญที่บล๊อคคุณแคทเลยดีกว่านะคะ (จิ้มที่ ข้างบนนั่นแหละค่ะ) เรื่อง textarea จะอยู่หัวข้อที่ 3 จากล่างสุดค่ะ 555 <br><br><textarea onclick="this.focus();this.select()" style="overflow-x: hidden;font-family: tahoma; font-weight: bold; font-size: 10; COLOR: #C0C0C4 ; background: transparent; border:0; HEIGHT: 125px; WIDTH: 320px; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW-Y: scroll; FILTER: chroma(color=#ffffff); OVERFLOW-X: hidden; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #3A8CBE; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #fffff; ">...วางโคดที่ต้องการที่นี่... แถมรหัสกรอบสีชมพูอันนี้ไว้ให้ด้วยละกันค่ะ อิอิ ศึกษาจากที่คุณแคทสอนเอาไว้แล้วเอามาลองทำเองนี่แหละค่ะ แปะไว้กันลืม ใครสนใจจะหยิบไปใช้ก็เชิญตามสบายค่ะ (แต่คำอธิบายไปอ่านจากของคุณแคทเองนะ แบบนะเราขี้เกียจอ่ะ 5555) ปล. ตอนเทสโค้ดก็ดีอยู่นา ไหงตอน publish ขอบบนขอบล่างมันเป็นอย่างนี้ไปได้ก็ไม่รู้ งงๆ อยู่ค่ะ แต่ถ้าข้อความไม่ยาวมันไม่เป็นนะคะ แหะๆ <br><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border: 2px dashed #8b7d68"><tbody><tr><td align="center" valign="middle"><br><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"> <tbody><tr><td style="background-color: #FFE4E1"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td><td style="background-color:#FFE4E1"></td><td></td></tr><tr><td style="background-color: #FFE4E1"></td><td align="center" valign="middle" style="padding: 7px; background-color: #FFE4E1"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border: 2px dashed #8b7d68"><tbody><tr><td align="center" valign="middle"><br><blockquote><br>............เขียนข้อความ..........<br></blockquote><br></td></tr></tbody> </table></td></tr></tbody> </table><br></td><td style="background-color: #FFE4E1"></td></tr><tr><td></td><td style="background-color: #FFE4E1"></td><td style="background-color: #FFE4E1"><img src="//img821.imageshack.us/img821/7481/lozocat.gif" border="0" /></td></tr></tbody> </table> <br>

Create Date : 20 ธันวาคม 2553		3 comments
Last Update : 20 ธันวาคม 2553 16:20:55 น.
Counter : 559 Pageviews.
Share Tweet