มานพ กองอุ่น
มานพ กองอุ่น
เป็นสมาชิกเมื่อ: 18 ธ.ค. 2009
ปุ่มแบบต่างๆ (Button)
ปุ่มหรือ Button ใน Bootstrap นั้นมีหลายสีสันให้เลือก ซึ่งเราสามารถกำหนด class ให้กับ element ต่างๆ ได้เช่น <a>, <button> และ <input> LinkButton <a class="btn btn-default" href="#" role="button">Link</a> <button class="btn btn-default" type="submit">Button...
การสร้างตาราง (Table) แบบต่างๆ
ตารางพื้นฐาน สำหรับการสร้างตารางแบบพื้นฐานโดยใช้ Bootstrap จะมีเพียงเส้นบรรทัดกั้นแต่ละแถวเท่านั้นโดยเพียงเรียกใช้งาน .table คำอธิบายตาราง # First Name Last Name Username 1 Mark Otto @mdo 2 Jacob Thornton @fat...
การแสดงผลโค๊ดโปรแกรม (Code)
บรรทัดเดียวกัน (Inline) ตัวอย่างโค๊ดในบรรทัดจะแสดงโดยใช้ Tag <code> ตัวอย่างคำสั่ง Tag <html> ในบรรทัดเดียวกัน ตัวอย่างคำสั่ง Tag <code><html></code> ในบรรทัดเดียวกัน ปุ่มคีย์บอร์ด (User input) ใช้ <tbd> ในการแสดงการพิมพ์แป้นคีย์บอร์ด เ...
การนำ Bootstrap ไปใช้ใน Webpage
สำหรับการนำ Bootstrap ไปใช้ใน Webpage นั้นสามารถทำได้หลายช่องทาง โดยใช้เครื่องมือต่างๆ หรือจะดาวน์โหลดมาใช้งานโดยตรงก็ได้ โดยมาดูรายละเอียดต่างๆ ดังนี้ ดาวโหลด Package โดยตรง สำหรับขั้นตอนนี้เราสามารถดาวน์โหลดไฟล์ zip จาก Bootstrap มาได้โดยตรง โดยสามารถคลิก ดาวน์โหลด Bootstrap ที่นี่ จะได้รับไ...
การแสดงผลตัวอักษร (Typography)
หัวเรื่อง (Heading) สำหรับการแสดงผล Tag h1 ถึง h6 ใน HTML นั้นสำหรับ Bootstrap จะแสดงผลลักษณะดังนี้ h1. Bootstrap heading Semibold 36px h2. Bootstrap heading Semibold 30px h3. Bootstrap heading Semibold 24px...
กำหนด Pagination Param สำหรับ Multiple GridView ใน Yii Framework 2
ปัญหาอย่างหนึ่งของการสร้าง GridView หลายๆ ตัวในหน้าเดียวกันคือเมื่อมีการเลือก หน้า (Pagination) ทุกๆ GridView จะเปลี่ยนหน้าเหมือนกันหมด ในบทเรียนรู้นี้เราจะมากำหนด Page Param แยกอิสระต่อกัน เพื่อให้เวลาเลือกหน้าในแต่ละ GridView ไม่กระทบกัน โดยสามารถตั้งค่าผ่าน DataProvider ดังต่อไปนี้ $data...
สร้าง View สำหรับแสดงกระทู้ล่าสุด และกระทู้ที่มีคนตอบล่าสุด
สวัสดีครับ สำหรับบทเรียนรู้นี้เป็นการสร้าง view ใน MySQL เพื่อหาว่าโพสล่าสุด (thread) และโพสที่มีคนตอบล่าสุด (post) ให้สามารถเรียงลำดับได้ เช่นให้โพสล่าสุด และโพสที่มีการตอบอยู่ด้านบน (โพสที่มีความเคลื่อนไหวล่าสุด นั่นเอง) ข้อจำกัดของการสร้าง view คือ เราไม่สามารถสร้าง view แบบมี subquery ได้...
แปลง Timestamp ไปเป็น Timeago ด้วย Yii Framework 2 รองรับภาษาไทย
Timeago เป็นเรื่องหนึ่งที่ค่อนข้างสำคัญเช่นกัน เป็นการกำหนดรายละเอียดการแสดงผลวันที่ เช่น 1 วันที่ผ่านมา 2 เดือนที่แล้ว หรือ ปีที่แล้ว เป็นต้น โดยมี package ของ jQuery ที่จะแปลงข้อมูลวันเดือนปีและเวลาไปเป็น Timeago ให้อัตโนมัติ ทั้งนี้เราต้องเตรียมข้อมูลให้อยู่ในรูปแบบที่ถูกต้องเสียก่อน ตัวอย...
การนับจำนวนคนเปิดอ่านด้วย Yii Framework 2 กับ method updateCounters()
การนับจำนวนคนอ่าน คนเข้าเว็บไซต์ หรืออื่นๆ สามารถทำได้โดยง่ายใน Yii Framework 2 สมัยก่อนหากต้องการนับนั้นจะทำยุ่งยากมากกว่าเช่น ทำผ่าน createCommand $sql = "UPDATE post SET view_count = view_count + 1 WHERE id = '100'"; Yii::$app->db->createCommand($sql)->query(); แต่เรา...
ทำระบบ Tag สำหรับ Post ด้วย Taggable Behavior และ Selectize Widget
สวัสดีครับ วันนี้มาแนะนำการใช้งาน Tag ในแต่ละ Post นะครับ ซึ่งเราจะเห็นคุ้นตากันในแต่ละ web เช่น เว็บที่สร้างจาก Wordpress ก็จะมีระบบ Tag มาให้ ในที่นี่เราจะมาสร้างระบบ Tag ใน Yii Framework 2 กันนะครับ เริ่มจาก ติดตั้ง Package ทำการติดตั้ง Package ที่เกี่ยวข้องซึ่งมี 2 Package ด้วยกันคือ y...
การใช้งาน DepDrop (Dependent Dropdownlist) สำหรับเลือก ภาค จังหวัด อำเภอ และตำบล
ในบทเรียนรู้นี้มาทำความรู้จักและใช้งาน Dropdownlist แบบ Dependent โดย dependent dropdownlist เป็น dropdownlist ที่มีความเชื่อมโยงกัน ตัวอย่างเช่น เลือกจังหวัด จะปรากฏรายการอำเภอในจังหวัดนั้น เมื่อเลือกอำเภอก็จะปรากฏตำบลในอำเภอนั้น เป็นต้น และเราจะทำการเก็บข้อมูลตัวเลือกสุดท้ายลงในฐานข้อมูล หรือน...
การใช้งาน SelectionColumn ใน GridView สำหรับ Yii Framework 2
SelectionColumn เป็นเครื่องมือที่มีความสะดวกในการเลือกข้อมูลเพื่อทำบางอย่าง เช่น การเลือกเพื่อลบข้อมูล หรือ เลือกเพื่อส่งข้อมูลไปบันทึกในลักษณะ Master Detail เป็นต้น การสร้าง SelectionColumn เพื่อ ลบข้อมูล ตัวอย่างนี้เป็นการสร้าง SelectionColumn เพื่อใช้ในการลบข้อมูล โดยจะใช้ jQuery ในการ...
การ Upload และ อ่านไฟล์ Excel ด้วย PHPExcel ใน Yii Framework 2
ตัวอย่างไฟล์ Excel ที่เราจะทำการเขียนโปรแกรมเพื่ออ่าน การ upload และอ่านไฟล์ MS Excel เพื่อนำไปใช้ในระบบ เช่นบันทึกลงฐานข้อมูล หรือนำไปแสดงผลใน GridView (ตามตัวอย่าง) สามารถทำได้โดยใช้ PHPExcel Package ซึ่งสามารถทำได้ดังนี้ สำหรับ PHPExcel สามารถดูรายละเอียดได้ที่ https://github.c...
ประเมินสุขภาพตนเอง
เครื่องมือในการประเมินสุขภาพด้วยตนเองสำหรับนักไอที สามารถประเมินได้หลายอย่าง ประเมินดัชนีมวลกาย (BMI) ประเมินตนเองเรื่อง พฤติกรรมการกิน ออกกำลัง และอารมณ์ ประเมินภาวะเครียดด้วยตัวเอง ประเมินความเสี่ยงต่อเบาหวาน โดยสามารถคลิก ประเมินสุขภาพ เพื่อใช้งานระบบ หรือเข้า URL : http...
สร้างแผนที่ Google Map แบบ Cluster สำหรับ Yii Framework 2
สำหรับบทเรียนรู้นี้มาสร้างแผนที่ Google Map แบบ Cluster ใน Yii Framework 2 กันครับ โดยจุดพิกัดจะรวมกันเมื่อมีการ Zoom Out และจะแยกกันเมื่อมีการ Zoom In ทำให้ดูง่ายและไม่ลายตาครับ ถือว่าบทเรียนรู้นี้เป็นภาคต่อของ "Extension การสร้างแผนที่แบบต่างๆ ด้วย Google Map ใน Yii Framework 2" ก็ว่า...
สร้าง LINE Notify สำหรับ Post ลงกลุ่มใน LINE Group
บทเรียนรู้นี้เป็นการทดสอบการเขียนโปรแกรมใน Yii2 เพื่อส่งข้อมูลเข้า LINE Group โดยใช้ Notify Bot โดยเป็นการดึงข้อมูลจากฐานข้อมูลแล้วส่งข้อมูลเข้ากลุ่ม (เป็นตัวอย่างการทดสอบ) โดยมีขั้นตอนต่างๆ ดังนี้ เข้า LINE Notify Login เพื่อสร้าง Token และ Bot เพิ่ม LINE Notify เข้าใน LINE Group เขีย...
การทำเว็บไซต์ให้เป็นสีเทาด้วย CSS
สวัสดีครับ สำหรับบทเรียนรู้นี้เรามาพูดถึงการปรับแต่งหน้าเว็บไซต์ให้แสดงผลสีเทา โดยการใช้ CSS ซึ่งสามารถทำได้โดยใช้คำสั่งต่อไปนี้ <style> html{ -moz-filter: grayscale(100%); /* IE */ filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); filte...
การติดตั้งและใช้งาน Bower Package ใน Yii Framework 2
Bower เป็นแหล่งรวบรวม Package เช่น JavaScript, CSS Package ตัวอย่าง Bootstrap, Highcharts เป็นต้น ในที่นี้เราจะติดตั้ง Highcharts และทดลองใช้งานใน Yii Framework 2 การติดตั้ง ก่อนอื่น เรามาเตรียมตัวก่อนการใช้งานโดยต้องติดตั้ง Node.js และ ทำการ install bower ให้เรียบร้อยโดยใช้...
การใช้งาน jQuery UI Autocomplete ใน Yii Framework 2
ในบทเรียนรู้นี้เราจะมาเรียนรู้การใช้งาน Autocomplete ซึ่งเป็นการค้นหาข้อมูลใน TextInput ด้วยการพิมพ์ตัวอัษรแล้วระบบจะกรองข้อมูลมาให้ เช่น พิมพ์ การ ระบบจะค้นหาข้อความที่มีตัวอักษร การ มาเพื่อให้เป็นตัวเลือกนั่นเอง jQueryUI เป็น package ที่สามารถติดตั้งเพิ่มเติมใน Yii Framework 2 ได้โดยใช...
ทดลองใช้ Realtime Database ใน Firebase ด้วย Yii Framework 2
ในบทเรียนรู้นี้เรามาทดลองใช้งาน Realtime Database ใน Firebase ด้วย Yii Framework 2 กันครับ (จริงๆ แล้วสามารถทดลองเขียนแบบไม่ต้องใช้ Yii Framework ก็ได้นะ ลองเอาไปประยุกต์นะครับ) คุณสมบัติเด่นของ Realtime Database ก็ตรงตัวอยู่แล้วนะครับ คือเป็นการทำงานแบบ Realtime ในการทดสอบนี้จะทดลองเขียนเพื่...
สังคมนักพัฒนาซอฟต์แวร์
117 M.9 Nongmueng Subdistrict, Muangsamsib District, Ubonratchathani Province 34140