ข้ามไปที่เนื้อหาหลัก

บทความ

กำลังแสดงโพสต์จาก กันยายน, 2016

การค้นหาด้วย Filter List ใช้ JavaScript ซ่อนแสดง List ก่อนจะแสดงผลรายการที่ตรงกับคำค้นหา

จากคำถามของสมาชิกเพจ To Be Developer ว่าจะทำยังไงให้รายการทั้งหมดซ่อนไว้ก่อน แล้วเมื่อค้นหาถึงจะแสดงรายการที่ตรงกันออกมา เพราะแบบเดิมเริ่มต้นจะแสดงทั้งหมดเลย ซึ่งวิธีการที่ผมใช้ก็คือ คัดลอกซอร์สโค้ด JavaScript เดิมที่ใช้ค้นหา เอามาเฉพาะส่วนของการวนลูป for() จากนั้นก็สั่งให้ซ่อนเนื้อหาทั้งหมด โดยเก็บไว้ในฟังก์ชั่น resetList() function resetList(){     var input, filter, ul, li, a, i;     input = document.getElementById("myInput");     filter = input.value.toUpperCase();     ul = document.getElementById("myUL");     li = ul.getElementsByTagName("li");     for (i = 0; i < li.length; i++) {         li[i].style.display = "none";     } } จากนั้นก็นำไปไว้ส่วนท้ายสุดของ JavaScript เพื่อเรียกใช้งานเมื่อหน้าเว็บโหลดจนสมบูรณ์เรียบร้อย ตำแหน่งที่ว่าก็คือ ก่อนปิดแท็ก </body> นั่นเอง resetList(); </script> </body> </html> เมื่อโหลดหน้าเว็บขึ้นมาก็จะพบว่ารายการทั้งหมดถูกซ่อนไว้เรียบร้อย และเมื่อลอง
แสดงความคิดเห็น
Read more »

PHP MySQL การสร้าง Matrix Table

ตัวอย่างนี้ จะเป็นการสร้างตารางแบบมีคอลัมน์ที่ไม่คงที คือทั้งหัวตารางแนวตั้ง และแนวนอน จะสามารถเปลี่ยนแปลงได้ ตามหมวดหมู่ หรือ สินค้าที่เราเลือก ผลลัพธ์
แสดงความคิดเห็น
Read more »

JavaScript & jQuery การกดลูศร เพื่อควบคุมทิศทาง Focus ช่อง INPUT

JavaScript & jQuery การกดลูศร เพื่อควบคุมทิศทาง Focus ช่อง INPUT เป็นการกำหนดจำนวนคอลัมน์ และบวกลบตำแหน่ง index ของอีเลเมนต์แต่ละตัว เพื่อวิ่งไป Focus ในส่วนที่ต้องการจากการกดปุ่มลูกศรแต่ละครั้ง Download Source Code
แสดงความคิดเห็น
Read more »

JavaScript & jQuery - การตั้งค่า TABINDEX เพื่อ Focus ช่องกรอกข้อมูล

  <?php include "mysql_connect.php";?> <html> <head> <title>PHP MySQL กับการตั้งค่า TABINDEX : SUNZANDESIGN.BLOGSPOT.COM</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="css/bootstrap.min.css"> <style>     .highlight {         background-color: #FFFF88;     }     .red{         color : red;     }     .blue{         color : blue     } </style> </head> <body>     <div class="container">           <div class="header clearfix">         <h3 class="text-muted">             <span class="blue">PHP MySQL</span> การตั้งค่า             <span class="red">TABINDEX</span>             : SUNZANDESIGN.BLOGSPOT.COM    </h3>       </div>         <br/>           <div class="row">         <?php       
แสดงความคิดเห็น
Read more »

JavaScript ค้นหาราคา และเปลี่ยนสีตัวอักษรให้ชัดขึ้น ด้วย CSS

โค้ด HTML ตารางที่มีคอลัมน์ td.detail <table class="table table-bordered">             <thead>                 <tr>                     <th>รหัส</th>                     <th>ชื่อ</th>                     <th>ความคิดเห็น</th>                     <th>เพศ</th>                     <th>การจัดการ</th>                 </tr>             </thead>             <tbody>                  <tr>                     <td><?php echo $row['id'];?></td>                     <td><?php echo $row['name'];?></td>                     <td class=" detail "><?php echo nl2br($row['detail']);?></td>                     <td><?php echo $sex;?></td>                     <td>                         <a href='form.php?id=<?php echo $row['id'];?>'>แก้ไข</a> | 
แสดงความคิดเห็น
Read more »

PHP กับการคิดส่วนลดเป็นเปอร์เซ็น 5%, 10%, 20% ตามช่วงราคาที่กำหนด

<?php     $total_price = 1000;     $discount = 0;         if($total_price >= 500 && $total_price < 1001){         $discount = 5;     }elseif($total_price >= 1001 && $total_price <= 5000){         $discount = 10;     }elseif($total_price >= 5001){         $discount = 20;     }         $discount_bath = ($total_price*$discount)/100; ?> <pre> ซื้อสินค้าครบ 0 ถึง 499 บาท ไม่ได้ส่วนลด ซื้อสินค้าครบ 500 ถึง 1000 บาท ได้ส่วนลด 5% ซื้อสินค้าครบ 1001 ถึง 5000บาท ได้ส่วนลด 10% ซื้อสินค้าครบ 5001 บาทขึ้นไป ได้ส่วนลด 20% </pre> <h3>รวมราคาสินค้า = <?php echo number_format($total_price,2);?></h3> <h5>ส่วนลด = <?php echo $discount;?>%  (<?php echo $discount_bath;?> บาท)</h5> <h2>ราคาหลังส่วนลด = <?php echo number_format($total_price - $discount_bath,2);?>บาท</h2> "PHP ไม่ได้สร้างสุดยอดโปรแกรม แต่ PHP ช่วยให้งานคุณง่ายขึ้นต
แสดงความคิดเห็น
Read more »

PHP ระบบตะกร้าสินค้า ตอนที่ 1 : เริ่มต้นสร้างโปรเจ็กต์ MySQLi, CodeIgniter, Bootstrap

สำหรับวิดีโอชุดนี้ จะเป็นการสร้างระบบตะกร้าสินค้าที่อ้างอิงจากตัวอย่างของเว็บไซต์ ThaiCreate.Com โดยจะนำมารวมกับ CodeIgniter Framework และ Bootstrap Framework เพื่อเพิ่มความสวยงามและเป็นระเบียบเรียบร้อยของโค้ด ดาวน์โหลดโค้ด https://github.com/sunzandesign/shopping_cart_ci ติดตามวิดีโอทั้งหมดใน PlayList นี้ได้ที่... http://goo.gl/bFjb1E PHP  CI  MANIA   -  PHP Code Generator  โปรแกรมช่วยสร้างโค้ด ลดเวลาการเขียนโปรแกรม สนใจสั่งซื้อเพียง  4,500  บาท http://fastcoding.phpcodemania.com/ PHP  CI  MANIA   -  PHP Code Generator  โปรแกรมช่วยสร้างโค้ด  "ลดเวลาการเขียนโปรแกรม" ราคาสุดคุ้ม    http://www.phpcodemania.com
แสดงความคิดเห็น
Read more »

ฺBACKUP ซอร์สโค้ด และ Export ฐานข้อมูล MySQL ก่อนติดตั้ง UBUNTU ใหม่

ในวิดีโอคลิปสาธิตวิธีการ Export ข้อมูลด้วย MySQL Workbrench แต่ยังขาดอีกส่วนคือข้อมูล User ที่อยู่ใน MySQL ซึ่งสามารถ Export ด้วยการล็อกอินไปที่ phpMyAdmin อีกที
แสดงความคิดเห็น
Read more »