ซ่อนแสดง code กับ Netscape 4

ลับสมองไปกับการเขียน CSS วิธีการเขียน Style ที่ใช้ได้กับ Netscape 4 และ Style ที่ไว้ใช้สำหรับ Modern Browser ตัวอื่น ๆ ร่วมกันทำได้โดย 4 เทคนิคที่ผมจะกล่าวถึงต่อไปนี้ (รอบนี้เอาวิธีที่ 1 ก่อนนะ)

1. ใช้ Comment ในการหลอก

คงรู้ ๆ กันอยู่แล้วนะครับว่าการ Comment ใน CSS นั้นเขียนกันอย่างไร เขียนแบบนี้ใช่มั้ยพี่น้อง

/* ใส่ comment ในนี้ … */

ตามหลักการแล้วถ้าเราเขียนแบบนี้ Browser ตัวใหม่ ๆ จะข้ามไปไม่สนใจไอ้สิ่งที่เราเขียนระหว่าง /* กับ */ แต่ Netscape 4 จะมีปัญหากับการเขียน comment แบบนี้ครับ:

/*/*/

Browser ตัวอื่น ๆ จะมองเป็น CSS Comment ก็คือจะมองว่า “/” เป็น comment ของ CSS ไป แต่เจ้า Netscape 4 นี่ไม่ครับ มันจะมองเห็นไอ้เจ้า “/” ข้างในเนี่ยเป็นคำสั่งว่าให้อ่านข้าม ก็คือมองเหมือนกับว่าเปิด comment 2 ที (อ่านเป็นแบบนี้ /* /*) เพราะฉะนั้น อะไรก็ตามที่คุณเขียนนับจากนี้ เจ้า Netscape 4 มันจะไม่อ่านมันจะข้ามผ่านไปเลย ถ้าอยากจะให้กลับมาอ่านอีกทีก็ให้ เขียน comment แบบปกตินี่แหละครับใส่เข้าไปอีกที ดังตัวอย่าง

p {font-size: 18px;;}

/* เริ่มการหลอกลวง Netscape 4 */

/*/*/

.pbold {font-weight: bold;}

.pred {color: red;}

/* จบการหลอกลวง Netscape 4 */

.pboldred {font-weight: bold; color:red;}

ลองทำงี้กับ XHTML ของคุณแล้วเอาไปเปิดใน Netscape 4 ดูครับว่าสำเร็จมั้ย

tag ใดใด ที่เรียกใช้ Attribute “.pbold” และ “.pred” จะใช้การไม่ได้ใน Netscape 4

สำหรับวันนี้พอแค่นี้ครับ รอบหน้ามาต่อใหม่

NOTE:

หลาย ๆ Browser จะทำงานได้ตามปกติ สำหรับการซ่อนแสดงแบบนี้ ยกเว้น Opera 5 นะครับ Style แรกที่เขียนต่อจาก “/*/*/” นั้นจะไม่ทำงานกับ Opera 5 เพราะฉะนั้นควรเช็คว่า User ของคุณใช้ Browser อะไรบ้างในการ ใช้งานเวปที่คุณ Design อยู่แต่ละงาน วิธีแก้สำหรับ Opera 5 ก็คือ เขียน style เปล่า ๆ ต่อจากเจ้า”/*/*/” ไป 1 style เช่น “/*/*/ p{}” แค่นี้ก็เป็นอันเรียบร้อยแล้วครับ

“หนทางสู่นรกมักปูดาดด้วยความตั้งใจอันแน่วแน่”

พบกันรอบหน้า สำหรับวิธีที่สองครับ