0% found this document useful (0 votes)
22 views2 pages

Ready

The document describes a structural health monitoring system with sections on the head, links, scripts, and a table for displaying data. It loads necessary libraries and stylesheets for the system and initializes a DataTable to load and display server-side data in the table.

Uploaded by

jabstret
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
22 views2 pages

Ready

The document describes a structural health monitoring system with sections on the head, links, scripts, and a table for displaying data. It loads necessary libraries and stylesheets for the system and initializes a DataTable to load and display server-side data in the table.

Uploaded by

jabstret
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Structural Health Monitoring System</title>
<link rel="stylesheet" href="css/shmscss.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Libre+Franklin:100"
rel="stylesheet">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css"
href="css/buttons.dataTables.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/shms.js"></script>
<script type="text/javascript" language="javascript"
src="js/jquery.dataTables.js"></script>
<script type="text/javascript" language="javascript"
src="js/dataTables.buttons.min.js"></script>
<!--<script type="text/javascript" language="javascript"
src="js/buttons.flash.min.js"></script>
<!--<script type="text/javascript" language="javascript"
src="js/buttons.print.min.js"></script>-->
<script type="text/javascript" language="javascript"
src="js/jszip.min.js"></script>
<script type="text/javascript" language="javascript"
src="js/pdfmake.min.js"></script>
<script type="text/javascript" language="javascript"
src="js/vfs_fonts.js"></script>
<script
src="https://cdn.datatables.net/buttons/1.2.3/js/buttons.html5.min.js"></script>
<!--<script type="text/javascript" language="javascript"
src="js/dataTables.bootstrap.min.js"></script>-->

<script type="text/javascript" language="javascript">


$(document).ready(function() {
$('#shms_grid').DataTable( {
//dom: 'Bfrtip',
"serverSide": true,
"processing": true,
"ajax":{
url :"shms_data.php",
type: "post",
error: function(){
$(".shms_grid_error").html("");
$("#shms_grid").append('<tbody class="shms_grid_error"><tr><th
colspan="3">No data found in the server</th></tr></tbody>');
$("#shms_grid_processing").css("display","none");
}
}
});
});

$(window).load(function(){
console.log("load");
$.extend($.fn.dataTable.defaults, {
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
});
});

</script>

You might also like