|
|
|
ขอสอบถามเรื่องการใช้ chosen เรียกใช้แล้วไม่ทำงานครับ |
|
|
|
|
|
|
|
ผมใช้ chosen จากบทความนี้ครับ
https://harvesthq.github.io/chosen/
อยากได้แบบนี้แต่เป็นดึงข้อมูลจากตารางมาโชว์ครับ ซึ่งตอนนี้ดึงข้อมูลได้แล้วแต่มันไม่ยอมเรียกใช้รูปแบบจากภาพด้านล่างครับ
ขออนุญาตใส่โค้ดทั้งหมดนะครับ เนื่องจากไม่ทราบว่าต้องแก้ตรงไหน
Code (PHP)
[/left]
<?php
date_default_timezone_set("Asia/Bangkok");
?>
<?php
session_start();
if($_SESSION['EMP_ID']== "")
{
echo "<script>alert('ขออภัย ท่านไม่ได้ทำรายการเป็นเวลานาน กรุณาเข้าสู่ระบบอีกครั้ง');</script>";
echo'<script>window.location="index.php";</script>';
exit();
}
mysql_connect("localhost","root","LPS123456789") or die(mysql_error());
mysql_select_db("leave_request");
mysql_query("SET NAMES UTF8");
mysql_query("SET character_set_results=UTF8");
mysql_query("SET character_set_client=UTF8");
mysql_query("SET character_set_connection=UTF8");
//เลือกข้อมูลพนักงานเพื่อโชว์ประวัติพนักงานทั้งหมด
$strSQL = "SELECT employees.*,position.*,leader.* FROM employees,position,leader WHERE employees.POS_ID = position.POS_ID and employees.LEA_ID = leader.LEA_ID and employees.EMP_ID = '".$_SESSION['EMP_ID']."'";
$objQuery = mysql_query($strSQL);
$objResult = mysql_fetch_array($objQuery);
//เลือกข้อมูลสิทธิการลางานที่พนักงานได้รับ
$strSQL1 = "SELECT * FROM leave_name l INNER JOIN right_to_leave r on l.LEV_ID = r.LEV_ID INNER JOIN employees e on r.EMP_ID = e.EMP_ID WHERE e.EMP_ID = '".$_SESSION['EMP_ID']."'";
$objQuery1 = mysql_query($strSQL1);
$num=1;
//เลือกข้อมูลพนักงานระดับปฏิบัติการ SELEMP
$strSQLSELEMP = "SELECT * FROM employees WHERE EMP_ID = '".$_SESSION['EMP_ID']."'";
$objQuerySELEMP = mysql_query($strSQLSELEMP);
$objResultSELEMP = mysql_fetch_array($objQuerySELEMP);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Leave Request</title>
<!-- Chosen -->
<script type="text/javascript" src="js/chosen/chosen.jquery.js"></script>
<script type="text/javascript" src="js/chosen/chosen.jquery.min.js"></script>
<script type="text/javascript" src="js/chosen/chosen.proto.js"></script>
<script type="text/javascript" src="js/chosen/chosen.proto.min.js"></script>
<link href="js/chosen/chosen.css" rel="stylesheet" type="text/css">
<link href="js/chosen/chosen.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
$(".chosen-select").chosen({
disable_search_threshold: 10,
no_results_text: "Oops, nothing found!",
width: "95%"
});
</script>
</head>
<body>
<?php
ini_set('display_errors', 1);
error_reporting(~0);
$strKeyword = null;
if(isset($_POST["Selectname"]))
{
$strKeyword = $_POST["Selectname"];
}
?>
<table width="1000" border="0" align="center">
<tr>
<td width="50" ></td>
<td width="950" valign="top" valign="bottom"><img src="img/Untitled-4.png" width="1000" height="150" /><table width="1050" valign="top" border="1" align="center" bordercolor="#00CCFF">
<tr>
<td valign="top" colspan="6" align="center" >
<?php
ini_set('display_errors', 1);
error_reporting(~0);
$strKeyword = null;
if(isset($_POST["Selectname"]))
{
$strKeyword = $_POST["Selectname"];
}
?>
<form name="frmSearch" method="get" action="<?php echo $_SERVER['SCRIPT_NAME'];?>">
<div class="TabbedPanelsContent">
<div style="overflow:auto;">
<br />
<div class="">
<table width="900" border="0">
<td colspan="5" align="center" width="70"><font size="4px" color="#FF0000">หมายเหตุ * กรณี ชื่อ-นามสกุล พนักงานซ้ำกันให้ทำการค้นหาด้วยรหัสพนักงาน</font></td>
<tr>
<td colspan="2" align="right" width="70"><font size="5px">ค้นหาข้อมูลประวัติการลาของพนักงาน</font></td>
<th align="center" width="170"><font size="5px">
<!--<input type="text" name="Selectname" id="Selectname" value="<?php /* echo $strKeyword;*/?>" autocomplete="off" OnChange="resutName(this.value);">
<option value="">- รหัสพนักงาน ชื่อ-นามสกุล -</option>-->
<?php
/*$strSQLSelectName = "SELECT * FROM employees where EMP_TYPE ='T001' ORDER BY EMP_ID ASC";
$objQuerySelectName = mysql_query($strSQLSelectName);
while($objResultSelectName = mysql_fetch_array($objQuerySelectName))
{
?>
<option value="<?php echo $objResultSelectName["EMP_ID"];?>"><?php echo $objResultSelectName["EMP_ID"];?> <?php echo $objResultSelectName["EMP_FNAME"];?> <?php echo $objResultSelectName["EMP_LNAME"];?></option>
<?php
}*/
?>
<!--</input>-->
<select class="chosen-select" name="Selectname" id="Selectname" value="<?php echo $strKeyword;?>" autocomplete="off" OnChange="resutName(this.value);" tabindex="2">
<option value="">- รหัสพนักงาน ชื่อ-นามสกุล -</option>
<?php
$strSQLSelectName = "SELECT * FROM employees where EMP_TYPE ='T001' ORDER BY EMP_ID ASC";
$objQuerySelectName = mysql_query($strSQLSelectName);
while($objResultSelectName = mysql_fetch_array($objQuerySelectName))
{
?>
<option value="<?php echo $objResultSelectName["EMP_ID"];?>"><?php echo $objResultSelectName["EMP_ID"];?> <?php echo $objResultSelectName["EMP_FNAME"];?> <?php echo $objResultSelectName["EMP_LNAME"];?></option>
<?php
}
?>
</select>
</font></th>
<th align="left" width="auto"><font size="5px"><input type="submit" class="button button-flat-primary" name="submit" value="ค้นหาข้อมูล" onClick="this.form.action='Page_HRmanager_EMP_Data.php'; submit()"/></font></th><th align="center"><font size="+3"><a href="javascript:window.open('','_self');window.close()" >ปิดหน้าต่าง</a></font></th>
</tr>
<tr>
<td colspan="2" align="right" width="70"></td>
<td align="center" width="170"></td>
<td align="center" width="160"></td>
<td align="center" width="150"></td>
</tr>
<tr>
<td colspan="2" align="right" width="50"></td>
<td align="center" width="170"></td>
<td align="center" width="160"></td>
<td align="center" width="150"></td>
</tr>
</form>
</table>
<?php
if(isset($_GET['Selectname']) ? $_GET['Selectname'] : ''!="")
{
$strSQLEMP = "SELECT * from employees,emp_leaved,leave_name where emp_leaved.LEV_ID=leave_name.LEV_ID and employees.EMP_ID = emp_leaved.EMP_ID and emp_leaved.EMP_ID ='".$_GET["Selectname"]."' or emp_leaved.LEV_ID=leave_name.LEV_ID and employees.EMP_ID = emp_leaved.EMP_ID and employees.EMP_FNAME LIKE '%".$_GET["Selectname"]."%' or emp_leaved.LEV_ID=leave_name.LEV_ID and employees.EMP_ID = emp_leaved.EMP_ID and employees.EMP_LNAME LIKE '%".$_GET["Selectname"]."%'";
$objQueryEMP = mysql_query($strSQLEMP);
$HistoryEMP = mysql_fetch_array($objQueryEMP);
//แปลงจาก 2017-06-01 เป็น 1 มิ.ย. 2560
function DateThai2($strDate)
{
$strYear = date("Y",strtotime($strDate))+543;
$strMonth= date("n",strtotime($strDate));
$strDay= date("j",strtotime($strDate));
$strMonthCut = Array("","ม.ค.","ก.พ.","มี.ค.","เม.ย.","พ.ค.","มิ.ย.","ก.ค.","ส.ค.","ก.ย.","ต.ค.","พ.ย.","ธ.ค.");
$strMonthThai=$strMonthCut[$strMonth];
return "$strDay $strMonthThai $strYear";
}
$strDate = $HistoryEMP["EMP_START_ID"];
?>
<table>
<tr bgcolor="#FFCCFF">
<th colspan="5" align="center"><font size="5px">ชื่อ - นามสกุล <?php echo $HistoryEMP["EMP_PNAME"];?><?php echo $HistoryEMP["EMP_FNAME"];?> <?php echo $HistoryEMP["EMP_LNAME"];?> รหัสพนักงาน <?php echo $HistoryEMP["EMP_ID"]; ?> วันเริ่มงาน <?php echo DateThai2($strDate); ?></font></th>
</tr>
<?php
}
?>
</table>
<?php
if(isset($_GET['Selectname']) ? $_GET['Selectname'] : ''!="")
{
$strSQLEMP1 = "SELECT * from employees,emp_leaved,status_leave,leave_name where emp_leaved.LEV_ID=leave_name.LEV_ID and emp_leaved.STA_ID=status_leave.STA_ID and employees.EMP_ID = emp_leaved.EMP_ID and emp_leaved.STA_ID = 'STA01' & 'STA02' & 'STA03' and emp_leaved.EMP_ID ='".$_GET["Selectname"]."' or emp_leaved.LEV_ID=leave_name.LEV_ID and emp_leaved.STA_ID=status_leave.STA_ID and employees.EMP_ID = emp_leaved.EMP_ID and emp_leaved.STA_ID = 'STA01' & 'STA02' & 'STA03' and employees.EMP_FNAME LIKE '%".$_GET["Selectname"]."%' or emp_leaved.LEV_ID=leave_name.LEV_ID and emp_leaved.STA_ID=status_leave.STA_ID and employees.EMP_ID = emp_leaved.EMP_ID and emp_leaved.STA_ID = 'STA01' & 'STA02' & 'STA03' and employees.EMP_LNAME LIKE '%".$_GET["Selectname"]."%'";
$objQueryEMP1 = mysql_query($strSQLEMP1);
$num=1;
$total = 0;
?>
<table id="example" class="display" cellspacing="0" width="100%" height="20">
<thead>
<tr bgcolor="#FFFFFF">
<th align="center" width="40"><font size="4">ลำดับที่</font></th>
<th align="center" width="110"><font size="4">วันที่ ทำรายการ</font></th>
<th align="center" width="150"><font size="4">ประเภทการลา</font></th>
<th align="center" width="50"><font size="4">วันที่ลา</font></th>
<th align="center" width="70"><font size="4">สิทธิ์ที่ใช้</br>(ช่วงเวลา)</font></th>
<th align="center" width="170"><font size="4">เหตุผลการลา</font></th>
<th align="center" width="150"><font size="4">เรียกดูไฟล์</font></th>
<th align="center" width="80"><font size="4">สถานะการลา</font></th>
</tr>
</thead>
<tbody>
<!-- เลือกข้อมูลประวัติการลางานตามผู้อนุมัติ HistoryEMP-->
<?php
while($HistoryEMP1 = mysql_fetch_array($objQueryEMP1))
{
?>
<tr bgcolor="#FFFFFF"class="alt">
<td align="center"><font size="+1"><?=$num;?>.</font></td>
<td align="center"><font size="+1"><?php echo $HistoryEMP1["EMPL_KEY"]; ?></font></td>
<td><font size="+1"><?php echo $HistoryEMP1["LEV_NAME"]; ?></font></td>
<td align="center"><font size="+1"><?php echo $HistoryEMP1["EMPL_START"]; ?><br /> - <br /><?php echo $HistoryEMP1["EMPL_STOP"]; ?></font></td>
<td align="center"><font size="+1"><?php echo $HistoryEMP1["EMPL_NUM"]; ?> วัน</br>(<?php echo $HistoryEMP1["EMPL_DATE"]; ?>)</font></td>
<td><font size="+1"><?php echo $HistoryEMP1["EMPL_REMARK"]; ?></font></td>
<td><font size="+1"><a target="_blank" href="myfile/<?php echo $HistoryEMP1["EMP_ID"];?>/<?php echo $HistoryEMP1["Filesname"];?>"><?php echo $HistoryEMP1["Filesname"];?></a></font></td>
<td><font size="+1"><?php echo $HistoryEMP1["STA_NAME"]; ?></font></td>
</tr>
<?php
$total = $total + $HistoryEMP1["EMPL_NUM"];
$num++;
}
?>
</tbody>
<tfoot>
<tr bgcolor="#FFFFFF">
<th colspan="4" align="right" width="40"><font size="5">รวมจำนวนวันลาทั้งหมด</font></th>
<th align="center" width="20"><font size="5"><?php echo $total;?></font></th>
<th colspan="3" align="left" width="200"><font size="5">วัน</font></th>
</tr>
</tfoot>
</table>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</table></td>
</tr>
</table>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
[/left]
Tag : PHP, MySQL, HTML, CSS
|
ประวัติการแก้ไข 2017-08-24 17:21:36 2017-08-24 17:22:23 2017-08-24 17:23:39 2017-08-24 17:27:09 2017-08-24 17:28:44
|
|
|
|
|
Date :
2017-08-24 17:09:33 |
By :
barakuyamaza |
View :
965 |
Reply :
6 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้าเราต้องการจะใช้งาน plugin ที่ใช้ jQuery อย่าลืมเรียกใช้ jQuery ก่อนครับผม
จาก Code ขาด <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.js" type="text/javascript"></script>
เพิ่มไว้บรรทัด ก่อน plugin chosen ครับ
|
|
|
|
|
Date :
2017-08-25 04:02:53 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Code (PHP)
$(window).load(function(){
$(".chosen-select").chosen()
});
|
|
|
|
|
Date :
2017-08-25 12:35:11 |
By :
Pong Thep |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แก้ไปแก้มาได้แล้วครับ ขอบคุณครับ
|
|
|
|
|
Date :
2017-08-25 13:28:27 |
By :
barakuyamaza |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอสอบถามอีกเรื่องนึงครับ ทำไมตัว Dropdown ที่ทำมันถึงไปอยู่หลังตารางอะครับ จะทำยังไงให้มันอยู่หน้าของตัวตาราง
|
|
|
|
|
Date :
2017-08-25 13:39:27 |
By :
barakuyamaza |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|