-
การจัดกลุ่มให้กับ List รายการ
ใน html มันมี แท็กตัวหนึ่ง คือ optgroup ไว้ใช้สำหรับจัดกลุ่มให้กับตัวเลือกแบบรายการเลื่อนลง โฮ่ๆ พูดซะยาก. อันที่จริงก็คือ Listbox นั่นแหละ เช่นถ้าสมมติว่า เรามีรายการจังหวัด แล้วเราอยากจะแบ่งให้เห็นกันชัดๆ เป็นภาคๆ ออกไป จังหวัดภาคใต้ก็ให้อยู่ในกลุ่มภาคใต้ จังหวัดภาคเหนือก็ให้อยู่ในกลุ่มจังหวัดภาคเหนือ เป็นต้น เราจะใช้ optgroup เป็นตัวช่วย ตัวตัวอย่างละกันเนอะ . ในตัวอย่างผมจะแบ่งกลุ่มของยานพาหนะออกเป็น รถมอเตอร์ไซต์ กับ รถยนต์ 1 2 3 4 5 6 7 8 9 10 11 <select id="select" name="select"> <optgroup label="รถมอเตอร์ไซด์"> <option value="Yamaha" selected>Yamaha</option> <option value="Honda">Honda</option> <option value="Zusuki">Zusuki</option> </optgroup> […]
READ MORE -
การใช้งาน UTF-8 แบบสมบูรณ์
เดี๋ยวนี้เว็บไทยโดยส่วนใหญ่เริ่มเปลี่ยนการใช้งานจาก TIS-620 มันเป็น UTF-8 กันแล้ว การจะใช้งาน UTF-8 อย่างสมบูรณ์นั้น ต้องประกอบ ไปด้วยส่วนประกอบ ต่อไปนี้ ***ถ้าไม่เขียนติดต่อ database ก็ข้ามไป 1. database ต้องกำหนดเป็น UTF8 2.table ต้องกำหนดเป็น UTF8 3. filds ที่เป็น char , varchar , text , tinytext , meduimtext , longtext ต้องกำหนดเป็น UTF8 4. การเชื่อมต่อเพื่อใช้งาน database ต้องกำหนด encoding เป็น UTF8
READ MORE -
ฟังก์ชั่นแปลงตัวเลขเดือน เป็นตัวหนังสือ
เคยมีสักครั้งมั้ย ที่คุณจะต้องเขียนฟังชั่นเพื่อแปลง จากตัวเลขประจำเดือน เป็นตัวหนังสือ เช่นแปลงจาก 1 เป็น มกราคม แล้วคุณเขียนยังไง? วันนี้ผมมีวิธีการเขียนฟังชั่นแปลง ตัวเลขเดือน เป็น ตัวหนังสือ อย่างง่ายๆ และสั้นๆ โดยใช้ Array เข้ามาช่วย ดูนะครับ <?php function func_conv_month( $input ){ $arr_month = array( “” , “มกราคม” , “กุมภาพันธ์” , “มีนาคม” , “เมษายน” , “พฤษภาคม” , “มิถุนายน” , “กรกฎาคม” ,”สิงหาคม” , “กันยายน” , “ตุลาคม” , “พฤศจิกายน” , “ธันวาคม” ) ; […]
READ MORE -
Ternary operator
เขามีนามมังกรว่า ternary operator (เงื่อนไข) ? คืนค่านี้ถ้าเป็นจริง : คืนค่านี้ถ้าเป็นเท็จ ternary operator ก็คือ if else แบบย่อส่วน ดูประโยคเงื่อนไขนี้นะครับ เมื่อเปลี่ยนมาใช้ ternary operator จะเหลือแค่ สั้นเหมือนของเด็กเลย ternary operator นี้ จะตรวจสอบประโยคในวงเล็บ หน้าเครื่องหมาย ? ถ้าเป็นจริง ก็จะคืนค่า “ตัวแปร SESSION ใช้งานได้” กลับไป แต่ถ้าเป็นเท็จ ก็จะคืนค่า “ตัวแปร SESSION ใช้งานไม่ได้” โดยปกติแล้ว เขาจะนิยมเอาไปใช้ในการกำหนดค่าตัวแปร แบบทางเลือก เห็นฝรั่งใช้กันมาก ternary operator นี้ บางครั้งผมก็ใช้ บางครั้งผมก็ใช้ if else เต็มรูปแบบแทน ขึ้นอยู่กับว่า โค้ดบริเวณใกล้เคียงยากหรือง่าย ถ้ายากผมเลือกใช้ if เพราะมันอ่านง่ายกว่า ทั้งกับตัวเองและผู้อื่น […]
READ MORE -
แจกฟังก์ชั่นแปลง ปี-เดือน-วัน เป็น ผ่านมาแล้ว กี่วัน กี่ชั่วโมง กี่นาที กี่วินาที
พอดีวันนี้เขียนโปรแกรม ๆหนึ่ง ที่ต้องแสดง วันที่สร้าง และวันที่อัปเดต รายการ ซึ่งผมเก็บลงฐานข้อมูลในรูปแบบ 2008-01-31 12:10:21 เมื่อผมนำรายการมาแสดง มันจะเป็นแบบนี้ หัวข้อ create modify รายงานจำนวนงานถ่วงล้อ 2008-05-13 12:00:01 2008-05-20 00:10:30 รายงานยอดเจียรจานดิสก์เบรกหลัง 2008-05-13 11:51:42 วันที่สร้าง ก็เป็นอย่างที่เห็น วันที่อัปเดต ก็เป็นอย่างที่เห็น ดูยากเนอะ ก็เลยมีความคิดแว้บขึ้นมา เปลี่ยนวันที่แก้ไข จากอย่างที่เห็น ให้เป็น หัวข้อ create modify รายงานจำนวนงานถ่วงล้อ 2008-05-13 12:00:01 1 วัน 10ชั่วโมง 5นาที 20 วินาที ผ่านมา รายงานยอดเจียรจานดิสก์เบรกหลัง 2008-05-13 11:51:42 ดูง่ายกว่าเย้อะะะะ… ว่าแล้วก็ลงมือเขียนฟังก์ชั่น ผลก็ออกมาอย่างที่เห็นด้านล่างแหล่ะครับ /** * Convert date * […]
READ MORE -
Run IE 6 and IE 7 side by side ลง IE 6 และ IE 7 ในเครื่องเดียวกัน
Run IE 6 and IE 7 side by side ลง IE 6 และ IE 7 ในเครื่องเดียวกัน วันนี้มีเหตุจะต้องทดสอบการแสดงผลของโปรแกรม ด้วย IE 7 แต่ก็ยังไม่อยากใช้ IE 7 เต็มตัว กลัวว่าเมื่อหันไปใช้ IE 7 แล้ว การแสดง ผลด้วย IE 6 จะเพี้ยน ที่บริษัทเองก็ใช้ IE 6 เป็นหลัก จะมีบางคนเท่านั้นที่ใช้ IE 7 เลยหาวิธี ลงมันทั้งสองเวอร์ชั่น ในเครื่องเดียวกันเสียเลย เขียนโค้ดแล้วก็จะได้ทดสอบ กับทั้ง IE 7 และ IE 6 แล้วก็ได้เจอกับคำตอบ ( จากเฮียกูเกิลอีกแล้ว ) วิธีการเป็นดังนี้ […]
READ MORE -
-
คุณต้องเลือกอย่างน้อย 1 ตัว ด้วย jQuery
ความต้องการของเหตุการณ์ครั้งนี้มีอยุ่ว่า ทำระบบลงทะเบียนรับข่าวสาร และมีตัวเลือกให้เขาเลือกว่าจะรับข่าวสาร อะไร แบ่งเป็นหมวดๆ หรือจะเลือกรับมากกว่า 1 หมวด ได้ การเขียน jQuery เช็กจะเป็นดังนี้ 1 2 3 4 5 if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; }if( !(jQuery("input[type=’checkbox’]:checked").val() == 1) ){ message += "กรุณาเลือกหัวข้อข้อมูลข่าวสาร ที่คุณต้องการได้รับข่าวสาร อย่างน้อย 1 ตัวเลือกn"; alert( message ); return false; } 8 9 […]
READ MORE
Beeanca
Modern Blogging Template
