UPDATE
<p>https://phsolutions.tech/fileorg/uploaded/WOH-PARADISE%20FLYERS.docx</p><p><br></p><p><br></p><p> Insert Update Delete, Google Searching,REQUEST_URI,AutoLogOut,Timer,Space / Character,Split</p><p>Print , Refresh , Date Function,Date to Day , Required Value, If Login,Background Fix</p><p>Dashboard Total,if Not Login ,File Management,Time/Date Now,Report Daily,Weekly,Monthly,Yearly</p><p>GPS Longitude Latitude,Select2,tinymce(editor),Conflict Schedule, Dependent Dropdown, Days Before, Matlab Account</p><p> </p><p>CRUDS,QRCode - webqr.com,Pattern,Logout/UNSESSION,Show Password</p><p>SMS send SMS FOLDER by, twilio SMS,Auto Logout,Mask Input,CMS,Log Attempt,Date to Age</p><p>Calendar(CRUDS)-Fullcalendar,Date FromTo Select, ,Select from database</p><p>zAEv ,Select Change,encrypt dencrypt,UALT,Responsive</p><p>All About SQL , Call Exe, Alert, Email/Verification,tawk Chat support</p><p>String Find,Upload File, Shorland If,CK Editor, Toask, Delete Duplicate, Itextmo.com,Chart</p><p>Percent,AJAX Multiple Data, Ago,Autogen No,php to javascript,Permission,Active Inactive,save multiple, most search, last_insert</p><p> text short, Same as email,Gmap View,Remote DB, My Location to School, INI Map,Near Me,redirect ,isMobileDevice , </p><p> Org Chart, Design,font-awesome, Map, Password Show alert,Inputmu Mask, Fix Footer bottom,JS SESSION, webcam Flip,Time Change Difference, City State Select, Tutorial</p><p> DB Array, Countdown Timer,copy link,db_get_result name, Auto refresh</p><p> KEYBOARD SHORTCUTS, Automated Timer , Sweet Alert, Blink, AJAX and PHP, UnArchieved , Login freezing, Passed Data Php TO JS, datatable,No More Table, Loop Table Display</p><p> Scroll, Check Table, Gridview, Get Info, dynamic add, teachablemachine, TAB Design , Table Update Settings, Check Then Update</p><p> GEnerate QR,Automated JS,Arrray Function</p><p> LPG Chat, Chart, Ratings, add days, Logout swal</p><p> htmlspecialchars, cookies</p><p> </p><p> <span style="white-space:pre"> </span>setcookie('orlimited', '5', time() + (60), "/");</p><p> </p><p> </p><p> Logout swal</p><p> <form action="" id="from1" method="from1"></p><p> <button class="from1" id="from1" type="submit" ><i class="dripicons-exit text-muted"></i></p><p> Logout</button></p><p> </form></p><p><script></p><p> document.querySelector('#from1').addEventListener('submit', function(e) {</p><p> var form = this;</p><p> </p><p> e.preventDefault();</p><p> </p><p> swal({</p><p> title: "Are you sure?",</p><p> text: "to logout",</p><p> icon: "warning",</p><p> buttons: [</p><p> 'No, cancel it!',</p><p> 'Yes, I am sure!'</p><p> ],</p><p> dangerMode: true,</p><p> }).then(function(isConfirm) {</p><p> if (isConfirm) {</p><p> swal("Logout", "Successfully", "success"); </p><p> setTimeout(function(){</p><p> window.location.href='index.php';</p><p> },2000); //delay is in milliseconds </p><p><br></p><p><br></p><p> </p><p> } else {</p><p> swal("Cancelled", "Your imaginary file is safe :)", "error");</p><p> }</p><p> });</p><p> });</p><p> </script></p><p> </p><p> </p><p> Add Days</p><p> date('Y-m-d', strtotime("+1 day", strtotime($date)));</p><p> </p><p> </p><p> </p><p> </p><p> Arrray Function</p><p> </p><p> Find Min / Max</p><p> $array=array();</p><p> $array1='';</p><p> $result = my_query("SELECT id FROM tbl_vans v ");</p><p> for ($i = 1; $row = $result->fetch(); $i++) { </p><p> $van_id = $row['id'];</p><p> $c= db_count('tbl_tripvans',['van_id'=>$van_id ]);</p><p> $array["$van_id"] = $c;</p><p><br></p><p> }</p><p><br></p><p> $vanNeed=$_POST['van_rent'];</p><p> $maxValue = min($array);</p><p> echo $van_idMin = array_search(min($array), $array);</p><p><br></p><p> </p><p> </p><p> </p><p> Automated JS</p><p> setInterval(() => {</p><p> document.querySelector('#viewLocation').click()</p><p>}, 10000)</p><p> </p><p> </p><p> </p><p> GEnerate QR</p><p> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script></p><p><br></p><p><input id="text" type="text" value="NRIC or Work Permit" style="Width:20%" onblur='generateBarCode();' /></p><p><br></p><p><img id='barcode' src="https://api.qrserver.com/v1/create-qr-code/?data=HelloWorld&amp;size=100x100" alt="" title="HELLO" width="50" height="50" /></p><p>function generateBarCode() {</p><p> var nric = $('#text').val();</p><p> var url = 'https://api.qrserver.com/v1/create-qr-code/?data=' + nric + '&amp;size=50x50';</p><p> $('#barcode').attr('src', url);</p><p>}</p><p><br></p><p><br></p><p> </p><p> <label class="form-label">Birthday <?php</p><p> echo date('Y-m-d', strtotime('-8 years')); ?></label></p><p> <input name="bday" type="date" class="form-control" max="<?php</p><p> echo date('Y-m-d', strtotime('-8 years')); ?>" required></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p> time_elapsed_string</p><p> </p><p> Streetwatch Updated CMS,Reports</p><p> </p><p> Check Then Update</p><p> *Aquadrone</p><p> <?php </p><p>if(isset($_GET['light'])){ </p><p> $light1=$_GET['light'];</p><p> if($light1=='On'){</p><p> $light1='Off';</p><p> }else{</p><p> $light1='On';</p><p> }</p><p> db_update('tbl_settings',['value'=>$light1] ,['name'=>'Light']); </p><p> echo "<script type='text/javascript'>window.location.href='remote.php';</script>";</p><p>}</p><p>?></p><p><br></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span> <form method="GET" action="remote.php"></span></p><p> <input type="hidden" value="<?= $home; ?>" name="Home"></p><p> <div class="onoffswitch2"></p><p> <input type="checkbox" class="onoffswitch2-checkbox" id="myonoffswitch2" <?= ($home == 'Yes' ? 'checked' : ''); ?> onchange="this.form.submit()"></p><p> <label class="onoffswitch2-label" for="myonoffswitch2"></p><p> <span class="onoffswitch2-inner"></span></p><p> <span class="onoffswitch2-switch"></span></p><p> </label></p><p> </div></p><p> </form></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span> </span></p><p> //Ajax Submit No Loading</p><p> </p><p><script></p><p> function doCapture() {</p><p> window.scrollTo(0, 0);</p><p> html2canvas(document.getElementById("capture")).then(function (canvas) {</p><p><br></p><p> // Create an AJAX object</p><p> var ajax = new XMLHttpRequest();</p><p><br></p><p> // Setting method, server file name, and asynchronous</p><p> ajax.open("POST", "save-capture.php", true);</p><p> // Setting headers for POST method</p><p> ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");</p><p><br></p><p> // Sending image data to server</p><p> ajax.send("image=" + canvas.toDataURL("image/jpeg", 0.9));</p><p><br></p><p> // Receiving response from server</p><p> // This function will be called multiple times</p><p> ajax.onreadystatechange = function () {</p><p><br></p><p> // Check when the requested is completed</p><p> if (this.readyState == 4 && this.status == 200) {</p><p><br></p><p> // Displaying response from server</p><p> console.log(this.responseText);</p><p> }</p><p> };</p><p><br></p><p> //setTimeout(function() { window.location.replace("index.php"); }, 1000); </p><p> });</p><p> }</p><p><br></p><p> </p><p></script></p><p><br></p><p> </p><p> //Table Update Settings</p><p> </p><p><?php</p><p> if(isset($_POST['update'])){ </p><p> $total = count($_POST['id']); </p><p> for($i = 0; $i < $total; $i++){ </p><p> $id = $_POST['id'][$i]; </p><p> $val_from = $_POST['val_from'][$i]; </p><p> $val_to = $_POST['val_to'][$i]; </p><p> $status = $_POST['status'][$i]; </p><p> </p><p> my_query("UPDATE tbl_settings SET val_from = '$val_from',val_to='$val_to' , status ='$status' WHERE id ='$id' "); </p><p> } </p><p> }</p><p>?></p><p><br></p><p><table id="example" class="table table-striped table-bordered" style="width:100%"></p><p><br></p><p> <thead></p><p> <tr></p><p> <td>#</td> </p><p> <th>Name </th></p><p> <td>Val. From</td> </p><p> <td>Status</td></p><p> </tr></p><p> </thead></p><p> <tbody></p><p><br></p><p> <?php //AND m.isEmpty='0'</p><p> $result = my_query("SELECT * FROM tbl_settings ORDER BY id DESC "); // `status` FROM `tbl_settings` WHERE 1</p><p> for ($i = 1;</p><p> $row = $result->fetch();</p><p> $i++) {</p><p> $id = $row['id']; ?></p><p> <tr></p><p> <td> <?= $i; ?></td> </p><p> <td><input type='hidden' name='id[]' value="<?=$row['id'];?>" /> <?= $row['name']; ?></td></p><p> <td> <input type='text' name='val_from[]' value="<?=$row['val_from'];?>" /> </td></p><p> <td><input type='text' name='status[]' value="<?=$row['status'];?>" /> </td> </p><p> </tr></p><p><br></p><p> <?php } ?></p><p><br></p><p> <tbody></p><p> </table></p><p> </p><p> </p><p> </p><p> //TAB Design</p><p> <div class="px-2 pt-4"></p><p> <div class="m-0 p-1 row rounded-2 shadow"></p><p><div class="tab"></p><p> <button class="tablinks" active onclick="openCity(event, 'ph')"> PH LEVEL</button></p><p> <button class="tablinks" onclick="openCity(event, 'bat')">Battery %</button></p><p> <button class="tablinks" onclick="openCity(event, 'other')">Other</button></p><p></div></p><p></div></div></p><p> </p><p><br></p><p><?php $result = my_query("SELECT * FROM tbl_data_logs ORDER BY id DESC LIMIT 1 "); //AND xtime='$currentTime'</p><p> if ($row = $result->fetch()) {</p><p> $row['ph_value']; </p><p> $row['voltage_value']; </p><p> ?> </p><p><div id="ph" active class="tabcontent"></p><p> <br/><br/> </p><p> <h1 align="center"> <?= $row['ph_value'];?></h1> </p><p></div></p><p><br></p><p><div id="bat" class="tabcontent"><br/><br/> </p><p> <h1 align="center"> <?= $row['voltage_value'];?></h1> </p><p></div></p><p><br></p><p><div id="other" class="tabcontent"><br/><br/> </p><p> <h1 align="center" ><?= ( $row['isSolar']=="0" ? "Charger" : "Solar");?></h1> </p><p></div> </p><p><?php } ?></p><p><br></p><p><script></p><p>function openCity(evt, cityName) {</p><p> var i, tabcontent, tablinks;</p><p> tabcontent = document.getElementsByClassName("tabcontent");</p><p> for (i = 0; i < tabcontent.length; i++) {</p><p> tabcontent[i].style.display = "none";</p><p> }</p><p> tablinks = document.getElementsByClassName("tablinks");</p><p> for (i = 0; i < tablinks.length; i++) {</p><p> tablinks[i].className = tablinks[i].className.replace(" active", "");</p><p> }</p><p> </p><p> document.getElementById(cityName).style.display = "block";</p><p> evt.currentTarget.className += " active";</p><p>}</p><p></script></p><p> </p><p> get agrisystm config</p><p> </p><p> teachablemachine</p><p> https://www.youtube.com/watch?v=XOQ12R4ClEk<span style="white-space:pre"> </span>Tutorial</p><p> https://www.mblock.cc/doc/en/faq/training-machine-learning-model.html</p><p> https://teachablemachine.withgoogle.com/</p><p> </p><p> //Countdown Timer </p><p> center: new google.maps.LatLng('<?=$lat ;?>', '<?=$lng ;?>'),</p><p> </p><p> Get Info</p><p> function getInfo($id) </p><p>{</p><p> $name = db_get_result('tbl_devices', "CONCAT(name , ' ',device_info)", ['id' => $id]); </p><p> return $name;</p><p>}</p><p><br></p><p> Input Mask</p><p> <input placeholder="dd/mm/yyyy hh:mm" data-slots="dmyh"></p><p> </p><p> <input placeholder="+1 (___) ___-____" data-slots="_"></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span><script></span></p><p><br></p><p>document.addEventListener('DOMContentLoaded', () => {</p><p> for (const el of document.querySelectorAll("[placeholder][data-slots]")) {</p><p> const pattern = el.getAttribute("placeholder"),</p><p> slots = new Set(el.dataset.slots || "_"),</p><p> prev = (j => Array.from(pattern, (c,i) => slots.has(c)? j=i+1: j))(0),</p><p> first = [...pattern].findIndex(c => slots.has(c)),</p><p> accept = new RegExp(el.dataset.accept || "\\d", "g"),</p><p> clean = input => {</p><p> input = input.match(accept) || [];</p><p> return Array.from(pattern, c =></p><p> input[0] === c || slots.has(c) ? input.shift() || c : c</p><p> );</p><p> },</p><p> format = () => {</p><p> const [i, j] = [el.selectionStart, el.selectionEnd].map(i => {</p><p> i = clean(el.value.slice(0, i)).findIndex(c => slots.has(c));</p><p> return i<0? prev[prev.length-1]: back? prev[i-1] || first: i;</p><p> });</p><p> el.value = clean(el.value).join``;</p><p> el.setSelectionRange(i, j);</p><p> back = false;</p><p> };</p><p> let back = false;</p><p> el.addEventListener("keydown", (e) => back = e.key === "Backspace");</p><p> el.addEventListener("input", format);</p><p> el.addEventListener("focus", format);</p><p> el.addEventListener("blur", () => el.value === pattern && (el.value=""));</p><p> }</p><p>});</p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p> Date Tama</p><p> $date = new DateTime();</p><p> $date->modify('-16 hours -1 minutes');</p><p> </p><p> echo $date->format('Y-m-d H:i:s'</p><p> </p><p><meta http-equiv="refresh" content="0;url=http://192.168.28.144/"></p><p><br></p><p> </p><p> Gridview</p><p> https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_list_grid_view</p><p> </p><p> Check Table</p><p> <button type="submit" name="chkList" class="btn right btn-success waves-effect waves-light yellow darken-4"</p><p> ></p><p> <form action="" method="POST"></p><p> <input type="checkbox" id="chk[<?=$id;?>]" name="chk[]" value="<?=$id;?>"></p><p> <label for="chk[<?=$id;?>]"> </label> </p><p><span style="white-space: pre; white-space: normal;"> </span></p><p> <?php if(isset($_POST['chkList'])){ </p><p> $b=$_POST['chk'];</p><p> $N = count($b);</p><p>//<span style="white-space:pre"> </span>echo "<br/>";</p><p>for($i=0; $i < $N; $i++)</p><p>{</p><p> $stud_id=$b[$i]; </p><p>db_update('tbl_users',["status"=>'Accepted'],["id"=>$stud_id]); </p><p>}</p><p> </p><p> </p><p> }?><span style="white-space:pre"> </span></p><p><br></p><p>//Scroll </p><p><br></p><p><style></p><p> .scroll_text{</p><p> height:500px;</p><p> overflow:auto;</p><p> padding:0px 15px;</p><p> }</p><p> .scroll_text::-webkit-scrollbar {</p><p> width: 8px;</p><p> }</p><p> .scroll_text::-webkit-scrollbar-track {</p><p> background-color: #E7E7E7</p><p> }</p><p> .scroll_text::-webkit-scrollbar-thumb {</p><p> background-color:#79ba4e;</p><p> border: 1px solid rgba(92, 92, 92, 0.5);</p><p> border-radius: 10px;</p><p> }</p><p> .scroll_text::-webkit-scrollbar-thumb:hover {</p><p> background-color: #000;</p><p><br></p><p> }</p><p></style></p><p><br></p><p>//Loop Table Display</p><p> $x=1;</p><p> <?php if ($x == $row['xday']) { $x+=1;?></p><p> <tr style=" background-color: #f2f2f2;"></p><p> <td colspan="4"><?= day($row['xday']); ?></td></p><p> </tr></p><p> <?php } ?></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"></p><p><script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script></p><p><script src="//code.jquery.com/jquery-1.11.1.min.js"></script></p><p><!------ Include the above in your HEAD tag ----------></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p>//No More Table</p><p><style></p><p> /* Force table to not be like tables anymore */</p><p> #no-more-tables table,</p><p> #no-more-tables thead,</p><p> #no-more-tables tbody,</p><p> #no-more-tables th,</p><p> #no-more-tables td,</p><p> #no-more-tables tr {</p><p> display: block;</p><p> }</p><p><br></p><p> /* Hide table headers (but not display: none;, for accessibility) */</p><p> #no-more-tables thead tr {</p><p> position: absolute;</p><p> top: -9999px;</p><p> left: -9999px;</p><p> }</p><p><br></p><p> #no-more-tables tr { border: 1px solid #ccc; }</p><p><br></p><p> #no-more-tables td {</p><p> /* Behave like a "row" */</p><p> border: none;</p><p> border-bottom: 1px solid #eee;</p><p> position: relative;</p><p> padding-left: 50%;</p><p> white-space: normal;</p><p> text-align:left;</p><p> }</p><p><br></p><p> #no-more-tables td:before {</p><p> /* Now like a table header */</p><p> position: absolute;</p><p> /* Top/left values mimic padding */</p><p> top: 6px;</p><p> left: 6px;</p><p> width: 45%;</p><p> padding-right: 10px;</p><p> white-space: nowrap;</p><p> text-align:left;</p><p> font-weight: bold;</p><p> }</p><p><br></p><p> /*</p><p> Label the data</p><p> */</p><p> #no-more-tables td:before { content: attr(data-title); }</p><p><br></p><p></style></p><p> </p><p> </p><p> <meta name="description" content="QRCode scanner"></p><p> <meta name="keywords" content="qrcode,scanner,barcode, javascript"></p><p> <meta name="language" content="English"></p><p> <meta name="copyright" content="Lazar Laszlo (c) 2011"></p><p> <meta name="Revisit-After" content="1 Days"></p><p> <meta name="robots" content="index, follow"></p><p> </p><p> </p><p> </p><p> ///Auto refresh</p><p> fetch_user();</p><p><br></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>setInterval(function(){</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>update_last_activity();</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>fetch_user();</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>update_chat_history_data();</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>fetch_group_chat_history();</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>}, 5000);</span></p><p><br></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>function fetch_user()</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>{</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>$.ajax({</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>url:"fetch_user.php",</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>method:"POST",</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>success:function(data){</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>$('#user_details').html(data);</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>}</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>})</span></p><p><span style="white-space: normal;"><span style="white-space:pre"> </span>}</span></p><p><br></p><p><br></p><p><br></p><p> db_get_result name</p><p> <?=db_get_result('tbl_users',"CONCAT(fname, ' ',lname)",['id'=>$row['ho_id']]);?></p><p> </p><p> </p><p> //copy link</p><p> </p><p><style></p><p> .copy-link {</p><p> --height: 36px;</p><p><br></p><p> display: flex;</p><p> max-width: 250px;</p><p> }</p><p><br></p><p> .copy-link-input {</p><p> flex-grow: 1;</p><p> padding: 0 8px;</p><p> font-size: 14px;</p><p> border: 1px solid #cccccc;</p><p> border-right: none;</p><p> outline: none;</p><p> }</p><p><br></p><p> .copy-link-input:hover {</p><p> background: #eeeeee;</p><p> }</p><p><br></p><p> .copy-link-button {</p><p> flex-shrink: 0;</p><p> width: var(--height);</p><p> height: var(--height);</p><p> display: flex;</p><p> align-items: center;</p><p> justify-content: center;</p><p> background: #dddddd;</p><p> color: #333333;</p><p> outline: none;</p><p> border: 1px solid #cccccc;</p><p> cursor: pointer;</p><p> }</p><p><br></p><p> .copy-link-button:hover {</p><p> background: #cccccc;</p><p> }</p><p><br></p><p></style></p><p> <div class="copy-link"></p><p> <input type="hidden" class="copy-link-input" value="http://bloodbank.phsite.tech/invitation-link.php?e=<?=$id;?>" readonly></p><p> <button type="button" class="copy-link-button"></p><p> <span class="material-icons">content_copy</span></p><p> </button></p><p> </div></p><p> <script></p><p> document.querySelectorAll(".copy-link").forEach((copyLinkParent) => {</p><p> const inputField = copyLinkParent.querySelector(".copy-link-input");</p><p> const copyButton = copyLinkParent.querySelector(".copy-link-button");</p><p> const text = inputField.value;</p><p><br></p><p> inputField.addEventListener("focus", () => inputField.select());</p><p><br></p><p> copyButton.addEventListener("click", () => {</p><p> inputField.select();</p><p> navigator.clipboard.writeText(text);</p><p><br></p><p> inputField.value = "Copied!";</p><p> setTimeout(() => (inputField.value = text), 2000);</p><p> });</p><p> });</p><p><br></p><p></script></p><p> </p><p> </p><p> //DB Array</p><p> $sno = $_GET['sno'];</p><p> $result = my_query("SELECT *,sa.answer FROM tbl_sq_answers sa INNER JOIN tbl_sq sq ON sq.id=sa.sq_id WHERE sqAnsNo='$sno' ");</p><p> for ($i = 1; $row = $result->fetch(); $i++) {</p><p> $sq_ids = $row['sq_id'];</p><p> $answers = $row['answer'];</p><p> $uid = $row['user_id'];</p><p> }</p><p><br></p><p> $vals = explode(",", $sq_ids);</p><p> foreach ($vals as $val) {</p><p> $arr [] = trim($val);</p><p> }</p><p><br></p><p> $vals1 = explode(",", $answers);</p><p> foreach ($vals1 as $val1) {</p><p> $arr1 [] = trim($val1);</p><p> }</p><p> <table class="table table-bordered table-striped table-hover js-basic-example dataTable"></p><p> <thead></p><p> <tr></p><p> <th>Question#</th></p><p> <th>Question</th></p><p> <th>Answer</th></p><p> </tr></p><p> </thead></p><p> <tbody></p><p> <?php</p><p> $len = count($arr);</p><p> for ($index = 0; $index < $len; $index++) { ?></p><p> <tr></p><p> <td><?= $index + 1; ?></td></p><p> <td><?= db_get_result('tbl_sq', "CONCAT(question)", ['id' => $arr[$index]]); ?></td></p><p> <td><?= $arr1[$index]; ?></td></p><p> </tr></p><p> <?php } ?></p><p><br></p><p> </tbody></p><p> </table></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p><span style="white-space: pre; white-space: normal;"> </span></p><p> //datatable</p><p> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"></p><p><script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script></p><p><script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script></p><p><!------ Include the above in your HEAD tag ----------></p><p><br></p><p><script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script></p><p><script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script></p><p> $(document).ready(function() {</p><p> $('#example').DataTable(</p><p><br></p><p> {</p><p><br></p><p> "aLengthMenu": [[5, 10, 25, -1], [5, 10, 25, "All"]],</p><p>