|
 |
| |
call Function javascript ไม่ได้ครับลองดักที่ Onclick ที่ตัว button แล้วนะครับ หน้าอื่นเรียกได้ปกติ ช่วยดูให้ทีครับว่าผมพลาดตรงไหนไปรึเปล่า |
| |
 |
|
|
 |
 |
|
Code (PHP)
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Admin</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<style>
body {font-family: Arial, Helvetica, sans-serif;}
/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: #aaaaaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
</style>
</head>
<body>
<form action="" method="get" id="frmad">
<div class="container-fluid">
<div class="row">
<div class="col-12" align="center">
<br>
<br>
<h3 class="text-primary">เลือกวันที่และกลุ่มเพื่อแสดงข้อมูล</h3>
<br>
<input type="date" id="date" name="date">
<select id="grop" name="grop" class="btn-sm">
<option value="0">-----</option>
<?php
$sqlgrop = "SELECT * FROM tb_grop";
$resultgrop = $conn->query($sqlgrop) ;
if ($resultgrop->num_rows > 0)
{
while($rowgrop = $resultgrop->fetch_assoc())
{
?>
<option value="<?php echo $rowgrop['no']?>"><?php echo $rowgrop['name'] ?></option>;
<?php
}
}
?>
</select>
<input onClick="myFunction()" type="button" class="btn btn-sm btn-outline-primary btn-sm" value="แสดงข้อมูล" id="btn">
<br>
<br>
<table border="1" class="table table-hover">
<thead>
<tr class="bg-info text-black-50">
<th align="center" class="text-center text-black-50">โรงงาน</th>
<th align="center" class="text-black-50 text-center">หน่วยงาน</th>
<th align="center" class="text-black-50 text-center">แผนก</th>
<th align="center" class="text-black-50 text-center">กลุ่ม</th>
<th align="center" class="text-black-50 text-center">รหัสพนักงาน</th>
<th align="center" class="text-black-50 text-center">ชื่อ</th>
<th align="center" class="text-black-50 text-center">นามสกุล</th>
<th align="center" class="text-black-50 text-center">หมายเลขไอพี</th>
<th align="center" class="text-black-50 text-center">วันที่</th>
<th align="center" class="text-black-50 text-center">เวลา</th>
<th align="center" class="text-black-50 text-center">ตำแหน่งที่อยู่</th>
</tr>
</thead>
<?php
if(isset($_POST['date']))
{
$date = $_POST['date'];
$sql2 = "SELECT * FROM tb_locat WHERE date like '$date'";
}
else
{
$sql2 = "SELECT * FROM tb_locat";
}
$result2 = $conn->query($sql2);
if ($result2->num_rows > 0)
{
// output data of each row
while($row2 = $result2->fetch_assoc())
{
$id = $row2['id'];
$sql3 = "SELECT * FROM tb_user WHERE id = '$id'";
$result3 = $conn->query($sql3);
if ($result3->num_rows > 0)
{
while($row3 = $result3->fetch_assoc())
{
?>
<tbody>
<tr>
<td><?php echo $row3['com'] ?></td>
<td><?php echo $row3['site'] ?></td>
<td><?php echo $row3['dept'] ?></td>
<td><?php echo $row3['grop'] ?></td>
<td><?php echo $row2['id'] ?></td>
<td><?php echo $row3['name'] ?></td>
<td><?php echo $row3['lname'] ?></td>
<td><?php echo $row2['ip']?></td>
<td><?php echo $row2['date']?></td>
<td><?php echo $row2['time'] ?></td>
<td><a target="_blank" href="https://www.google.co.th/maps/place/<?php echo $row2['lati']?> <?php echo $row2['lon']?>">Location</a></td>
</tr>
</tbody>
<?php
}
}
}
}
else
{
//echo 'NODATA SELECT';
}
?>
</table>
<br><br>
</div>
</div>
</div>
</form>
<form action="export.php" method="post" id="export">
<div class="container-fluid">
<div class="row">
<div class="col-12" align="center">
<input onClick="" type="submit" name="export" value="Export To Excel" class="btn btn-sm btn-outline-success">
<?php
if (isset($_POST['date']))
{
$rdate = $_POST['date'];
}
else
{
$rdate = 0;
}
?>
<input name="date" type="hidden" id="date" value="<?php echo $rdate ?>">
</div>
<br><br>
</div>
</div>
</form>
<script type="text/javascript">
var btn = document.getElementById('btn');
btn.onclick = function()
{
var date = document.getElementById('date').value;
var grop = document.getElementById('grop').value;
var frm = document.getElementById('frmad');
if (date == '0')
{
alert('กรุณาเลือกวันที่');
return();
}
else
{
if (grop == '0')
{
alert('กรุณาเลือกกลุ่ม');
return();
}
else
{
frm.submit();
}
}
}
</script>
<script type="text/javascript" charset="utf-8" src="js/wormhole.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>
Tag : PHP, MySQL, HTML5, JavaScript
|
|
|
 |
 |
 |
 |
| Date :
2020-04-15 09:48:17 |
By :
2791617167519330 |
View :
1218 |
Reply :
4 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
เอาไว้ล่างสุด
Code (PHP)
<script type="text/javascript">
$(document).ready(function(){
$('#frmad').on('click','#btn',function(e){
e.preventDefault();
var dat=$('#date').val();
var grop=$('#grop').val();
if (dat == '0'){
alert('กรุณาเลือกวันที่');
return();
}else{
if (grop == '0'){
alert('กรุณาเลือกกลุ่ม');
return();
}else{
$('#frmad').submit();
}
}
});
});
</script>
|
ประวัติการแก้ไข
2020-04-15 10:41:05
2020-04-15 10:43:03
| |
|
|
| |
| Date :
2020-04-15 10:40:34 |
By :
Genesis™ |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อธิบายเพิ่มเติมจาก คห1
สิ่งที่ควรทำคือ การโหลด function ต่างๆ ก่อนการเรียกใช้งาน
ตัว script.js ทั้งหลาย อะไรที่มี priority สูงกว่าตัวอื่น คือถูกเรียกใช้ด้วย script อื่นๆ ต้องโหลดก่อน
เช่น jquery bootstrap tools แล้วถีงคิวของ script ที่เราเขียน
วิธีการโหลดก่อนก็ควรนำไปไว้ใน tag head ด้านบนสุด
ส่วน script ของเราเอง จะเขียนใส่ไว้ตรงไหนก็ได้ แค่ต้องเรียกใช้ object ที่ถูกประกาศ หรือสร้างไว้แล้ว อื่น
หรือจะสั่งให้ทำงาน หลังจาก event onload
Code (PHP)
<script>
function start(){
// ---- your script
}
</script>
</head>
<body onload="javascript: start{}">
หรือ jquery $(document).ready()
Code (PHP)
<script>
$(document).ready(()=>{
// -- your script
})
</script>
|
| |
|
|
| |
| Date :
2020-04-15 11:20:57 |
By :
Chaidhanan |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณครับ จะจำไว้ให้ขึ้นใจเลยครับ
|
| |
|
|
| |
| Date :
2020-04-15 11:27:28 |
By :
2791617167519330 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
