<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <title>TSU EVENT</title> </head> <body> <script> var initialGid = '<?php echo $gid; ?>'; var initialEid = '<?php echo $eid; ?>'; var initialStartDate = '<?php echo $start_date; ?>'; var initialEndDate = '<?php echo $end_date; ?>'; function submitFormOnChange() { var gid = document.getElementById("gid").value || initialGid; var eid = document.getElementById("eid").value || initialEid; var start_date = document.getElementById("start_date").value || initialStartDate; var end_date = document.getElementById("end_date").value || initialEndDate; var url = "index2.php?gid=" + gid + "&eid=" + eid + "&start_date=" + start_date + "&end_date=" + end_date; window.location.href = url; } </script> <!-- เลือกหน่วยงาน --> <label>เลือกหน่วยงาน:</label> <select name="gid" id="gid" onchange="submitFormOnChange()"> <option value="">เลือกหน่วยงาน</option> <?php $sql = "SELECT gid, cat_name FROM event_cat Wheew"; $result = $conn->query($sql); if ($result->num_rows > 0) { while($row1 = $result->fetch_assoc()) { echo "<option value='".$row1["gid"]."'>".$row1["cat_name"]."</option>"; } } else { echo "<option value=''>ไม่พบหน่วยงาน</option>"; } ?> </select> <!-- เลือกประเภทโครงการ --> <label>เลือกประเภท project:</label> <select name="eid" id="eid" onchange="submitFormOnChange()"> <option value="">เลือก project</option> <?php $sql = "SELECT ide, eid FROM project"; $result = $conn->query($sql); if ($result->num_rows > 0) { while($row1 = $result->fetch_assoc()) { echo "<option value='".$row1["eid"]."'>".$row1["eid"]."</option>"; } } else { echo "<option value=''>ไม่พบ project</option>"; } ?> </select> <label for="start_date">เริ่มต้น:</label> <input type="date" id="start_date" name="start_date" value="" onchange="submitFormOnChange()"> <label for="end_date">สิ้นสุด:</label> <input type="date" id="end_date" name="end_date" value="" onchange="submitFormOnChange()"> <?php $gid = isset($_GET['gid']) ? $_GET['gid'] : ''; $eid = isset($_GET['eid']) ? $_GET['eid'] : ''; $start_date = isset($_GET['start_date']) ? $_GET['start_date'] : ''; $end_date = isset($_GET['end_date']) ? $_GET['end_date'] : ''; // 1. ติดต่อกับฐานข้อมูล (เพิ่มโค้ดเชื่อมต่อของคุณที่นี่) // 3. สร้างคำสั่ง SQL ตามเงื่อนไข $sql = "SELECT * FROM event"; $conditions = []; if ($gid != '') { $conditions[] = "gid = '$gid'"; } if ($eid != '') { $conditions[] = "eid = '$eid'"; } if ($start_date != '' && $end_date != '') { $conditions[] = "start BETWEEN '$start_date' AND '$end_date'"; } if (count($conditions) > 0) { $sql .= " WHERE " . implode(' AND ', $conditions); } // 4. ดึงข้อมูลจากฐานข้อมูล $result = $conn->query($sql); // 5. แสดงข้อมูล if ($result->num_rows > 0) { echo '<div class="container">'; echo '<div class="row">'; while($row = $result->fetch_assoc()) { echo '<div class="col-md-4">'; echo ' <div class="card my-3">'; echo ' <div class="card-body">'; echo ' <h5 class="card-title">' . $row['b_topic'] . '</h5>'; echo ' <p class="card-text">' . $row['eid'] . '</p>'; echo ' <a href="../detail.php?aNum=' . $row['b_num'] . '&id=' . $row['id'] . '&gid=' . $row['gid'] . '" class="btn btn-primary">ดูรายละเอียด</a>'; echo ' </div>'; echo ' </div>'; echo '</div>'; } echo '</div>'; echo '</div>'; } else { echo "<p>ไม่พบข้อมูล</p>"; } ?> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script> </body> </html>
var initialStartDate = '<?php echo isset($start_date) ? $start_date : ""; ?>'; var initialEndDate = '<?php echo isset($end_date) ? $end_date : ""; ?>';
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง