Monday, November 7, 2011

[วิชามาร] เปลี่ยนสี Disabled Checkbox

บางครั้งสิ่งที่ง่ายที่สุดก็อาจจะทำให้เราปวดหัวได้ ยกตัวอย่างเช่น ผู้ใช้งานระบบของกุคนนึงอยากให้ Disabled Checkbox ทั้งหลายเปลี่ยนเป็นสีดำ เนื่องจากมองไม่เห็นสีเทา (ตาไม่ค่อยดีว่างั้น)  หลังจากหว่านล้อมมาซักพักใหญ่ ก็ได้คำตอบอย่างน่าพอใจว่า "มึงทำไปเหอะ อย่าเถียง" เมื่อได้ยินดังนั้นแล้ว ทำไงได้ครับนอกจากหาวิธีเปลี่ยนสี Checkbox ที่มีอยู่หลายหน้า ซึ่งจากการทดลองหลายครั้งก็เฟลมาตลอด สุดท้ายก็ได้วิธีที่ใกล้เคียงที่สุดคือเปลี่ยนสี Border ที่อยู่รอบ Checkbox เหล่านั้นน่ะแหละ แต่มันก็ยังให้ผลไม่น่าพอใจเท่าที่ควร เนื่องจากไอ้กล่องที่เราเห็นเนี่ยมันไม่ใช่ Border จริงครับผม Border จริงมันครอบอีกที ซึ่งพอเปลี่ยนสี ทีนี้อุบาทว์ไปเลยครับ

แต่ท้ายที่สุดแล้ว ทางแก้ต้องมี หลังจากการปรึกษาก็ ศาสตราจารย์ Amp Thunder ผู้เชี่ยวชาญทางด้าน Checkbox ก็ได้คำแนะนำมาว่าใช้ Javascript สิ โดยใส่ Event ว่าถ้ากล่องมันเคยว่างเปล่าไม่มีเครื่องหมายถูก พอกดแล้วก็เอาเครื่องหมายถูกออกให้มันเป็นเหมือนเดิม (เออว่ะ) ปิ๊งป่องเลยคร๊าฟฟฟฟ

นิทานเรื่องนี้สอนให้รู้ว่า "อย่าดูถูก Javascript นะเออ"