http://localhost/oncb/welfare1/index.php 2026-07-10T16:08:42+07:00 ONCB Welfare Joomla! - Open Source Content Management 2023-04-10T16:16:48+07:00 2023-04-10T16:16:48+07:00 http://localhost/oncb/welfare1/index.php?option=com_content&view=article&id=7&catid=17&Itemid=133 Sumphan E

<!-- include Datable --> <link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/datatables/datatables.min.css" type="text/css" /> <!--<link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/datatables/dataTables.fontAwesome.css" type="text/css" /> <link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/fontawesome/css/fontawesome.min.css">--> <link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/mystyle.css" type="text/css" /> <table id="datatable" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>ข่าว</th> <th>หัวข้อข่าว</th> <th>วันที่เผยแพร่</th> <th><i class="far fa-eye"></i></th> <th></th> <th></th> </tr> </thead> </table> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script language="JavaScript" src="http://localhost/oncb/welfare1//sourcecode/src/datatables/datatables.min.js" type="text/javascript"></script> <script language="JavaScript" > $(document).ready(function () { //Only needed for the filename of export files. //Normally set in the title tag of your page. // document.title = "Title Header"; // DataTable initialisation $("#datatable").DataTable({ processing: true, serverSide: true, ajax: "/sourcecode/newslist_ssp.php", dom: '<"dt-buttons"Bf><"clear">lirtp', paging: true, autoWidth: true, columnDefs: [ { target: 5, visible: false, searchable: false }, ], order: [[2, 'desc']], //เริ่มต้นเรียงข้อมูลย้อนหลังจาก columns array 2 pagingType: 'full_numbers', language: { lengthMenu: "แสดง _MENU_ รายการ", zeroRecords: "ไม่พบรายการที่ค้นหา", info: "หน้าที่ _PAGE_ / _PAGES_", infoEmpty: "0 รายการ", search:"ค้นหา", paginate: { 'first': '<i class="fas fa-angle-double-left"></i>', //<< 'previous': '<i class="fas fa-angle-left"></i>', //< 'next': '<i class="fas fa-angle-right"></i>', //> 'last': '<i class="fas fa-angle-double-right"></i>', //>> }, infoFiltered: "(จากทั้งหมด _MAX_ รายการ)" }, columns: [ { width: "" }, { width: "10%" }, { width: "20%" , data: { _: "2", //แสดงข้อมูลจาก columns array 2 sort: "5" //เรียงข้อมูลจาก columns array 5 } }, { width: "5%" }, { width: "10%" }, { width: ""}, ], initComplete: function (settings, json) { $(".dt-buttons .btn-group").append( '<a id="cv" class="btn btn-primary" href="http://localhost/oncb/welfare1/#">CARD VIEW</a>' ); $("#cv").on("click", function () { if ($("#datatable").hasClass("card")) { $(".colHeader").remove(); } else { var labels = []; $("#datatable thead th").each(function () { labels.push($(this).text()); }); $("#datatable tbody tr").each(function () { $(this) .find("td") .each(function (column) { $("<span class='colHeader'>" + labels[column] + ":</span>").prependTo( $(this) ); }); }); } $("#datatable").toggleClass("card"); }); } }); }); </script>

<!-- include Datable --> <link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/datatables/datatables.min.css" type="text/css" /> <!--<link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/datatables/dataTables.fontAwesome.css" type="text/css" /> <link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/fontawesome/css/fontawesome.min.css">--> <link rel="stylesheet" href="http://localhost/oncb/welfare1//sourcecode/src/mystyle.css" type="text/css" /> <table id="datatable" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>ข่าว</th> <th>หัวข้อข่าว</th> <th>วันที่เผยแพร่</th> <th><i class="far fa-eye"></i></th> <th></th> <th></th> </tr> </thead> </table> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script language="JavaScript" src="http://localhost/oncb/welfare1//sourcecode/src/datatables/datatables.min.js" type="text/javascript"></script> <script language="JavaScript" > $(document).ready(function () { //Only needed for the filename of export files. //Normally set in the title tag of your page. // document.title = "Title Header"; // DataTable initialisation $("#datatable").DataTable({ processing: true, serverSide: true, ajax: "/sourcecode/newslist_ssp.php", dom: '<"dt-buttons"Bf><"clear">lirtp', paging: true, autoWidth: true, columnDefs: [ { target: 5, visible: false, searchable: false }, ], order: [[2, 'desc']], //เริ่มต้นเรียงข้อมูลย้อนหลังจาก columns array 2 pagingType: 'full_numbers', language: { lengthMenu: "แสดง _MENU_ รายการ", zeroRecords: "ไม่พบรายการที่ค้นหา", info: "หน้าที่ _PAGE_ / _PAGES_", infoEmpty: "0 รายการ", search:"ค้นหา", paginate: { 'first': '<i class="fas fa-angle-double-left"></i>', //<< 'previous': '<i class="fas fa-angle-left"></i>', //< 'next': '<i class="fas fa-angle-right"></i>', //> 'last': '<i class="fas fa-angle-double-right"></i>', //>> }, infoFiltered: "(จากทั้งหมด _MAX_ รายการ)" }, columns: [ { width: "" }, { width: "10%" }, { width: "20%" , data: { _: "2", //แสดงข้อมูลจาก columns array 2 sort: "5" //เรียงข้อมูลจาก columns array 5 } }, { width: "5%" }, { width: "10%" }, { width: ""}, ], initComplete: function (settings, json) { $(".dt-buttons .btn-group").append( '<a id="cv" class="btn btn-primary" href="http://localhost/oncb/welfare1/#">CARD VIEW</a>' ); $("#cv").on("click", function () { if ($("#datatable").hasClass("card")) { $(".colHeader").remove(); } else { var labels = []; $("#datatable thead th").each(function () { labels.push($(this).text()); }); $("#datatable tbody tr").each(function () { $(this) .find("td") .each(function (column) { $("<span class='colHeader'>" + labels[column] + ":</span>").prependTo( $(this) ); }); }); } $("#datatable").toggleClass("card"); }); } }); }); </script>