File manager - Edit - /home/autoph/public_html/tasks/scorecard.tar
Back
scoreCardUnit_print.php 0000644 00000044574 15025026344 0011255 0 ustar 00 <?php include_once("../../../cfg/conn.php"); //error_reporting(0); if(isset($_GET['searchID'])){ $searchID = $_POST['searchID']; $empID = $_POST['empID']; //employee number not record ID $rptYear = $_POST['rptYear']; $rptSemester = $_POST['rptSemester']; $empName = $_POST['empName']; $empPosition = $_POST['empPosition']; //INITIALIZING VARIABLES $janCount = 0; $jan = 0; $janT = 0; $janTotal=0; $janTotal=0; $febTotalT =0; $febTotal=0; $feb =0; $febT =0; $febCount =0; $marTotalT=0; $marTotal=0; $mar =0; $marT =0; $marCount =0; $aprTotalT=0; $aprTotal=0; $apr =0; $aprT =0; $aprCount =0; $mayTotalT=0; $mayTotal=0; $may =0; $mayT =0; $mayCount =0; $junTotalT=0; $junTotal=0; $jun =0; $junT =0; $junCount =0; $julTotalT=0; $julTotal=0; $jul =0; $julT =0; $julCount =0; $augTotalT=0; $augTotal=0; $aug =0; $augT =0; $augCount =0; $sepTotalT=0; $sepTotal=0; $sep =0; $sepT =0; $sepCount =0; $octTotalT=0; $octTotal=0; $oct =0; $octT =0; $octCount =0; $novTotalT=0; $novTotal=0; $nov =0; $novT =0; $novCount =0; $decTotalT=0; $decTotal=0; $dec =0; $decT =0; $decCount =0; //QUERY PCP HEADER BASED ON SEARCH DATA $getPCPHeaderID = "SELECT * FROM `pcp_headers` WHERE `employee_id`='$searchID' AND `year`='$rptYear' AND `deleted`=0 LIMIT 1"; $qPCP = mysqli_query($conn,$getPCPHeaderID); $ckhResult = mysqli_num_rows($qPCP); if($ckhResult > 0){ while($prow = mysqli_fetch_array($qPCP)){ $pcpID = $prow['id']; } //get Formula for later use $pi = "SELECT * FROM `pms_formula` WHERE deleted = 0 LIMIT 1"; $qPi = mysqli_query($conn,$pi); while($row = mysqli_fetch_array($qPi)){ $multiplierPTS = $row['multiplier_pts']; $plusFactorPTS = $row['plus_factor_pts']; } }else{ exit(); } } ?> <!DOCTYPE HTML> <html> <head> <script> var idVarA = setInterval(() => { loadChartA(); }, 800); function StopLoadGraph() { clearInterval(idVarA); } function loadChartA(){ StopLoadGraph(); clearInterval(idVarA); CanvasJS.addColorSet("greenShades", [//colorSet Array "#FB7B58", // lightred "#13B903", //green family "#FB5E09", // Orange mild "#17B2C8", // nice blue "#02B4A6", // light blur green "#F7053C", // bloody red "#AC87F7", // purple "#0B91F4", // blue light "#FD9FCA", // Elephant pink "#F78F58", // Orange light "#ef9c5b", //orange "#29A154", //green "#FA598F", // red pink "#6168FF", // blue violet "#F3EF08", // yellow "#8F5AF8", // purple "#88B809", //faded green "#FE671B" //sunset ]); CanvasJS.addColorSet("greenShadesB", [//colorSet Array "#17B2C8", // nice blue "#FD9FCA", // Elephant pink "#FA598F", // red pink "#6168FF", // blue violet "#F3EF08", // yellow "#8F5AF8", // purple "#88B809", //faded green "#FB7B58", // lightred "#ef9c5b", //orange "#29A154", //green "#AC87F7", // purple "#0B91F4", // blue light "#13B903", //green family "#FB5E09", // Orange mild "#02B4A6", // light blur green "#F7053C", // bloody red "#F78F58", // Orange light "#FE671B" //sunset ]); var options = { animationEnabled: true, theme: "light1", colorSet: "greenShades", title: { text: "Performance Rating by KRA - <?php echo $rptYear;?> " }, axisY: { title: "Average KRA Scores", suffix: "%" }, axisX: { title: "Employee's KRA" }, data: [ { // Change type to "doughnut", "line", "splineArea", etc. type: "column", indexLabel: "{y}", //showInLegend: true, dataPoints: [ <?php //QUERY EMPLOYEE KRA TO BE LOADED IN CHART A $chartKRA = "SELECT * FROM `pcp_employee_data` WHERE `pcp_header_id`='$pcpID' AND `deleted`=0 GROUP BY `pcp_kra_id` ORDER BY `id` ASC"; $cKRA = mysqli_query($conn,$chartKRA); while($row = mysqli_fetch_array($cKRA)){ $kraID =$row['pcp_kra_id']; $actKRA = "SELECT * FROM `kra_employee_tbl` WHERE `id`='$kraID'"; $qAct = mysqli_query($conn,$actKRA); while($krow = mysqli_fetch_array($qAct)){ $kCode = $krow['kra_code']; } $kScores = "SELECT AVG(`my_score`) AS myScore FROM `mar_emp_data` WHERE `kra_id`='$kraID' AND `pcp_id`='$pcpID' AND `mar_year_data`='$rptYear' AND `deleted`=0 AND `emp_rec_id`='$searchID' GROUP BY `kra_id`"; $qScores = mysqli_query($conn,$kScores); while($sRow = mysqli_fetch_array($qScores)){ $score = $sRow['myScore']; } $scores = number_format($score,3,'.',''); echo "{ label: '".$kCode."', y: ".$scores." },"; } ?> ] } ] }; $("#MyChartA").CanvasJSChart(options); //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ var chart = new CanvasJS.Chart("MyChartB", { animationEnabled: true, theme: "greenShadesB", // "light1", "light2", "dark1", "dark2" colorSet: "greenShades", title: { //fontSize:22, text: "Monthly Performance - <?php echo $rptYear;?>" }, axisY: { title: "Average Monthly Scores", labelAutoFit: true, //true by default. //fontSize: 14, suffix: "%" }, axisX: { //fontSize: 18, //labelAngle: 90, title: "Months" }, data: [{ type: "line", indexLabel: "{y}", //showInLegend: true, //yValueFormatString: "#,##0.0#\"%\"", markerType: "circle", yValueFormatString: "", labelWrap: true, //labelMaxWidth: 70, interval: 1, dataPoints: [ <?php for ($x = 1; $x <=12; $x++){ $myMonthly = 0; switch($x){ case '1': $months = "Jan"; break; case '2': $months = "Feb"; break; case '3': $months = "Mar"; break; case '4': $months = "Apr"; break; case '5': $months = "May"; break; case '6': $months = "Jun"; break; case '7': $months = "Jul"; break; case '8': $months = "Aug"; break; case '9': $months = "Sep"; break; case '10': $months = "Oct"; break; case '11': $months = "Nov"; break; case '12': $months = "Dec"; break; } $marSC = "SELECT AVG(`my_score`) AS myMScore FROM `mar_emp_data` WHERE `emp_rec_id`='$searchID' AND `mar_month_data`='$x' AND `mar_year_data`='$rptYear' AND deleted = 0 GROUP BY `mar_month_data`"; $qScores = mysqli_query($conn,$marSC); while($sc = mysqli_fetch_array($qScores)){ $myMonthly = number_format($sc['myMScore'],3,'.',''); } //$myMonthlySC = number_format($myMonthly,3,'.',''); echo "{ label: '".$months."', y: $myMonthly },"; } ?> ] }] }); chart.render(); //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ var chart = new CanvasJS.Chart("MyChartC", { animationEnabled: true, theme: "greenShadesB", // "light1", "light2", "dark1", "dark2" colorSet: "greenShades", title:{ text: "Target vs Actual" }, axisX:{ valueFormatString: "DD MMM", crosshair: { enabled: true, snapToDataPoint: true } }, axisY: { title: "Unit KRA Target vs Actual", includeZero: true, crosshair: { enabled: true } }, toolTip:{ shared:true }, legend:{ cursor:"pointer", verticalAlign: "bottom", horizontalAlign: "left", dockInsidePlotArea: true, itemclick: toogleDataSeries }, data: [{ type: "line", showInLegend: true, name: "Actual", indexLabel: "{y}", markerType: "square", xValueFormatString: "DD MMM, YYYY", color: "#F08080", showInLegend: true, dataPoints: [ <?php //QUERY EMPLOYEE KRA TO BE LOADED IN CHART A $chartKRA = "SELECT mar_emp_data.id, kra_unit_tbl.id AS unitKRAID, kra_unit_tbl.kra_code, kra_unit_tbl.unit_id AS unitKRAID, kra_unit_tbl.deleted AS UnitDeleted, kra_employee_tbl.id AS empKRAID, kra_employee_tbl.weight AS empKRAWeight, kra_employee_tbl.unit_kra_id AS kraUnitID, mar_emp_data.kra_id, mar_emp_data.mar_actual, mar_emp_data.my_score, mar_emp_data.mar_target, mar_emp_data.mar_variance_no, mar_emp_data.mar_numerical_rating, mar_emp_data.deleted, mar_emp_data.emp_rec_id, mar_emp_data.mar_year_data, mar_emp_data.mar_month_data, mar_emp_data.mar_semester_data, mar_emp_data.unit_id, mar_emp_data.id AS marID FROM kra_unit_tbl JOIN kra_employee_tbl ON kra_employee_tbl.unit_kra_id = kra_unit_tbl.id JOIN mar_emp_data ON mar_emp_data.kra_id = kra_employee_tbl.id WHERE kra_unit_tbl.unit_id = mar_emp_data.unit_id AND kra_employee_tbl.unit_kra_id =kra_unit_tbl.id AND kra_unit_tbl.deleted=0 AND mar_emp_data.mar_year_data=$rptYear AND mar_emp_data.emp_rec_id='$searchID'"; $cKRA = mysqli_query($conn,$chartKRA); while($row = mysqli_fetch_array($cKRA)){ $target = 0; $x = $row['mar_month_data']; $target = str_replace("%","",$row['mar_target']); switch($x){ case '1': $janCount = $janCount + 1; $jan = ($jan + $row['my_score']) / $janCount; $janT = ($janT + $target) / $janCount; $janTotalT = number_format($janT,3,'.',''); $janTotal = number_format($jan,3,'.',''); break; case '2': $febCount = $febCount + 1; $feb = ($feb + $row['my_score']) / $febCount; $febTotal = number_format($feb,3,'.',''); $febT = ($febT + $target) / $febCount; $febTotalT = number_format($febT,3,'.',''); break; case '3': $marCount = $marCount + 1; $mar = ($mar + $row['my_score']) / $marCount; $marTotal = number_format($mar,3,'.',''); $marT = ($marT + $target) / $marCount; $marTotalT = number_format($marT,3,'.',''); break; case '4': $aprCount = $aprCount + 1; $apr = ($apr + $row['my_score']) / $aprCount; $aprTotal = number_format($apr,3,'.',''); $aprT = ($aprT + $target) / $aprCount; $aprTotalT = number_format($aprT,3,'.',''); break; case '5': $mayCount = $mayCount + 1; $may = ($may + $row['my_score']) / $mayCount; $mayTotal = number_format($may,3,'.',''); $mayT = ($mayT + $target) / $mayCount; $mayTotalT = number_format($mayT,3,'.',''); break; case '6': $junCount = $junCount + 1; $jun = ($jun + $row['my_score']) / $junCount; $junTotal = number_format($jun,3,'.',''); $junT = ($junT + $target) / $junCount; $junTotalT = number_format($junT,3,'.',''); break; case '7': $julCount = $julCount + 1; $jul = ($jul + $row['my_score']) / $julCount; $julTotal = number_format($jul,3,'.',''); $julT = ($julT + $target) / $julCount; $julTotalT = number_format($julT,3,'.',''); break; case '8': $augCount = $augCount + 1; $aug = ($aug + $row['my_score']) / $augCount; $augTotal = number_format($aug,3,'.',''); $augT = ($augT + $target) / $augCount; $augTotalT = number_format($augT,3,'.',''); break; case '9': $sepCount = $sepCount + 1; $sep = ($sep + $row['my_score']) / $sepCount; $sepTotal = number_format($sep,3,'.',''); $sepT = ($sepT + $target) / $sepCount; $sepTotalT = number_format($sepT,3,'.',''); break; case '10': $octCount = $octCount + 1; $oct = ($oct + $row['my_score']) / $octCount; $octTotal = number_format($oct,3,'.',''); $octT = ($octT + $target) / $octCount; $octTotalT = number_format($octT,3,'.',''); break; case '11': $novCount = $novCount + 1; $nov = ($nov + $row['my_score']) / $novCount; $novTotal = number_format($nov,3,'.',''); $novT = ($novT + $target) / $novCount; $novTotalT = number_format($novT,3,'.',''); break; case '12': $decCount = $decCount + 1; $dec = ($dec + $row['my_score']) / $decCount; $decTotal = number_format($dec,3,'.',''); $decT = ($decT + $target) / $decCount; $decTotalT = number_format($decT,3,'.',''); break; } } echo "{ label: 'Jan', y: ".$janTotal." },"; echo "{ label: 'Feb', y: ".$febTotal." },"; echo "{ label: 'Mar', y: ".$marTotal." },"; echo "{ label: 'Apr', y: ".$aprTotal." },"; echo "{ label: 'May', y: ".$mayTotal." },"; echo "{ label: 'Jun', y: ".$junTotal." },"; echo "{ label: 'Jul', y: ".$julTotal." },"; echo "{ label: 'Aug', y: ".$augTotal." },"; echo "{ label: 'Sep', y: ".$sepTotal." },"; echo "{ label: 'Oct', y: ".$octTotal." },"; echo "{ label: 'Nov', y: ".$novTotal." },"; echo "{ label: 'Dec', y: ".$decTotal." },"; ?> ] }, { type: "line", showInLegend: true, name: "Target", lineDashType: "dash", indexLabel: "{y}", dataPoints: [ <?php echo "{ label: 'Jan', y: ".$janTotalT." },"; echo "{ label: 'Feb', y: ".$febTotalT." },"; echo "{ label: 'Mar', y: ".$marTotalT." },"; echo "{ label: 'Apr', y: ".$aprTotalT." },"; echo "{ label: 'May', y: ".$mayTotalT." },"; echo "{ label: 'Jun', y: ".$junTotalT." },"; echo "{ label: 'Jul', y: ".$julTotalT." },"; echo "{ label: 'Aug', y: ".$augTotalT." },"; echo "{ label: 'Sep', y: ".$sepTotalT." },"; echo "{ label: 'Oct', y: ".$octTotalT." },"; echo "{ label: 'Nov', y: ".$novTotalT." },"; echo "{ label: 'Dec', y: ".$decTotalT." },"; ?> ] }] }); chart.render(); function toogleDataSeries(e){ if (typeof(e.dataSeries.visible) === "undefined" || e.dataSeries.visible) { e.dataSeries.visible = false; } else{ e.dataSeries.visible = true; } chart.render(); } } //+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ </script> </head> <body> <center> <div id="MyChartA" class="col-xl-6 col-lg-12 col-md-6 col-sm-12 p-2 mt-5" style="float:left;height: 360px;margin-bottom:50px"></div> <div id="MyChartB" class="col-xl-6 col-lg-12 col-md-6 col-sm-12 p-2 mt-5" style="float:left;height: 360px;margin-bottom:50px"></div> <div id="MyChartC" class="col-xl-12 col-lg-12 col-md-12 col-sm-12 p-2 mt-5" style="float:left;height: 360px;margin-bottom:50px"></div> </center><!-- <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="https://cdn.canvasjs.com/jquery.canvasjs.min.js"></script> --> </body> </html> scoreCardEmp.php 0000644 00000030437 15025026344 0007634 0 ustar 00 <?php include_once("../../../cfg/conn.php"); //error_reporting(0); if(isset($_POST['scr'])){ $titol = $_POST['titol']; $userID = $_POST['userID']; //============================================================================================================== //VALIDATE ACCESS ============================================================================================== //============================================================================================================== $roleID = userProfileID($userID); include ("../functions/users.php"); $roleID = userProfileID($userID); $moduleID = 44; $add =checkViewAccessM1024($roleID, $moduleID)[1]; $edit =checkViewAccessM1024($roleID, $moduleID)[2]; $delete =checkViewAccessM1024($roleID, $moduleID)[3]; $print =checkViewAccessM1024($roleID, $moduleID)[4]; $download =checkViewAccessM1024($roleID, $moduleID)[5]; echo "<input type='hidden' id='addAccess' value='$add'>"; echo "<input type='hidden' id='editAccess' value='$edit'>"; echo "<input type='hidden' id='deleteAccess' value='$delete'>"; echo "<input type='hidden' id='printAccess' value='$print'>"; echo "<input type='hidden' id='downloadAccess' value='$download'>"; if($add == 1){$addButton = '';}else{$addButton='Disabled';} if($edit == 1){$editButton = '';}else{$editButton='Disabled';} if($delete == 1){$deletButton = '';}else{$deletButton='Disabled';} if($print == 1){$printButton = '';}else{$printButton='Disabled';} if($download == 1){$downloadButton = '';}else{$downloadButton='Disabled';} if(checkViewAccessM1024($roleID, $moduleID)[0] == 0){ echo " <center><img src='./images/locked_out_icon.png' width='100' style='margin-top:100px'><img></center> "; echo "<h4 class='text-center text-danger align-middle pt-5'> Access Denied </h4>"; echo "<p class='display-5 text-center text-danger'> Sorry, you are not authorized to access this page. <br>Please contact your system support for assistance. <br><br>Thank you! <br><br> </p>"; exit(); } //============================================================================================================== //VALIDATE ACCESS ============================================================================================== //============================================================================================================== ?> <input type='hidden' id='searchID' placeholder='searchID'> <div class="pageSearchHeader bg-white p-1 pt-1 w-100"> <h5 class='p-1 text-left'>Search Employees:</h5> <input class="form-control p-3 border-info" type="search" placeholder="Search Employees..." id="searchText" onKeyUp="searchEmp()" style="border-radius:3px 0px 0px 3px;margin:0px;min-width:250px;width:75%;float:left"> <button type="button" class="btn btn-info text-light" onclick="searchEmp()" style="float:rigth;width:20%;margin-left:0px;border-radius:0px 3px 3px 0px;height:40px">Search</button> </div> <div id='selectedRecord' class='content w-100' style='height:220px;overflow:auto;border:1px solid lightgray'> </div> <!--MODAL FORM VIEWING OF PCP--> <!-- The Modal --> <div class="content" id="kraModal"> <div class="modal-dialog modal-xl"> <!-- Modal Header --><h5 style='text-align:left;color:#535356;padding:3px'><?php echo $titol;?> </h5> <div class="modal-content"> <div class="modal-header"> <h5 id='rptTitle' class="modal-title">Filter Report</h5> </div> <!-- Modal body --> <form action='pdfViewer/score_cardEmployeeLevel.php' method='GET' target='_Blank'> <input type='hidden' id='s' name='s' value='<?php echo $userID;?>'> <div class="modal-body p-1" style="border:0px solid blue;overflow:auto"> <div class="form-group col-lg-2 col-md-12 float-left"> <label for="compName">Emp.ID:</label> <input type="text" class="form-control radius-sm" id="e" name="e"> </div> <div class="form-group col-lg-4 col-md-12 float-left"> <label for="compName">Employee Name:</label> <input type="text" class="form-control radius-sm" id="n" name="n"> </div> <div class="form-group col-lg-6 col-md-12 float-left"> <label for="compName">Position:</label> <input type="text" class="form-control radius-sm" id="t" name="t"> </div> <div class="form-group col-lg-2 col-md-12 float-left"> <label for="compName">Year:</label> <input type="number" max=9999 min=2020 value='<?php echo date('Y');;?>' class="form-control radius-sm" id="ys" name="ye"> </div> <div class="form-group col-lg-4 col-md-12 float-left"> <label for="compName">Period</label> <select name='sm' id='sm' class="form-select form-select-lg p-2 w-100 rounded-sm selectBG"> <option value='1'>1st Semester</option> <option value='2'>2nd Semester</option> <option value='0' selected>Yearly</option> </select> </div> </div> <!-- Modal footer --> <div class="modal-footer"> <input type='submit' id='loadReport' class="btn btn-danger pl-4 pr-4 m-0 fa fa-plus" style="display:none;height:40px"> <!-- <button type="button" class="btn btn-secondary m-0" data-dismiss="modal" style="border-radius:0px"> <span class="btn-label"><i class="fa fa-close"> Close</i></button> --> </div> </form> </div> </div> </div> <!-- The Modal PEF FORM--> <!-- The Modal --> <div class="modal" data-bs-toggle="modal" data-bs-target="#staticBackdrop" id="vewRPTPage" style='height:100%;width:100%;'> <div class="modal-fullscreen m-md-0 m-lg-0 h-100"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 id='rptViewTitle' class="modal-title">Employee Performance Report</h4> <button type="button" class="close" data-dismiss="modal">×</button> </div> <h6 class="text-success bold border text-right p-3" style='cursor:pointer;padding-right:20px;' onclick="javascript:loadData();"><i class="fa fa-refresh"> Refresh</i></h6> <!-- Modal body --> <div class="modal-body-scrollable w-100 h-auto"> <div id='chartA' class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 float-left h-50 p-3" style='background:white'> </div> <div id='empKRAList' class="form-group col-xl-12 col-lg-12 col-md-12 col-sm-12 float-left h-100 p-10 text-center" style='overflow:auto'> </div> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-success m-0" onclick="javascript:loadData();" style="border-radius:0px"> <span class="btn-label"><i class="fa fa-refresh"> Refresh</i></button> <button type="button" class="btn btn-secondary m-0" data-dismiss="modal" style="border-radius:0px"> <span class="btn-label"><i class="fa fa-close"> Close</i></button> </div> </div> </div> </div> <!-- <div class="d-flex justify-content-center"> <div class="spinner-border" role="status"> <span class="visually-hidden"></span> </div> </div> --> <?php } $conn->close(); ?> <script> $(document).ready(function() { //alert('arnel'); searchEmp(); }); function cloadChartA(){ var searchID = $("#searchID").val(); var empID = $("#empID").val(); var rptYear = $("#rptYear").val(); var rptSemester = $("#rptSemester").val(); var empName = $("#empName").val(); var empPosition = $("#empPosition").val(); ShowUploadBar(); $.ajax({ url: "./reports/chartA.php", type: "POST", async: true, data: { "searchID":searchID, "empID":empID, "rptYear":rptYear, "rptSemester":rptSemester, "empName":empName, "empPosition":empPosition, "lDat": 1 }, success: function(d){ $("#chartA").html(d); ShowUploadBar(); cloadChartB(); } }) } function getInfo(row) { var x=row.cells; var myX = x[0].innerHTML; if(myX > 0){ document.getElementById("loadReport").style.display = "block"; }else{ document.getElementById("loadReport").style.display = "none"; } document.getElementById("searchID").value = x[0].innerHTML; document.getElementById("e").value = x[0].innerHTML; document.getElementById("n").value = x[3].innerHTML; document.getElementById("t").value = x[4].innerHTML; document.getElementById("rptViewTitle").innerHTML = "Performance Review Report: [" + x[2].innerHTML + "]"; } function loadData(){ var searchID = $("#searchID").val(); var empID = $("#empID").val(); var rptYear = $("#rptYear").val(); var rptSemester = $("#rptSemester").val(); var empName = $("#empName").val(); var empPosition = $("#empPosition").val(); if(searchID==''){ Swal.fire({ icon: 'error', title: 'Invalid', text: 'No employee name has been selected.' }) return false; } //alert(searchID); ShowUploadBar(); $.ajax({ url: "./reports/loadDataReportA.php", type: "POST", async:true, data:{ "rptYear":rptYear, "rptSemester":rptSemester, "empName":empName, "empPosition":empPosition, "empID":empID, "searchID":searchID, "lDat":1 }, success: function(x){ $("#empKRAList").html(x); ShowUploadBar(); cloadChartA(); } }) } function searchEmp(){ var searchText = $("#searchText").val(); var userID = $("#userID").val(); //alert(searchText); //return false; ShowUploadBar(); $.ajax({ url: "./reports/Score_searchEmployee.php", type: "POST", async: true, data: { "searchText":searchText, "userID":userID, "searchSec": 1 }, success: function(d){ $("#selectedRecord").html(d); ShowUploadBar(); } }) } </script> <script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="https://cdn.canvasjs.com/jquery.canvasjs.min.js"></script>