%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<div class="slider-inners"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>Specialities </h1> <form action="<?php echo base_url('speciality')?>" method="post" name="find_a_speciality" id="find_a_speciality"> <div class="slider-form"> <select name="department" onchange="this.form.submit()"> <option value="">Search by Department</option> <?php foreach($departments_list as $dep) { ?> <option value="<?= $dep['DepartmentID']?>" <?php if(@$_POST['department']==$dep['DepartmentID']) { echo 'selected' ; }?>> <?php echo $dep['DepartmentName'] ?> </option> <?php } ?> </select> <input id="searchTxt" type="search" placeholder="Search By Name" /> <div class="clearfix"></div> </div> </form> </div> </div> </div> </div> <div class="doc-listpage"> <div class="container"> <div class="row"> <?php if(!empty($specialities)){?> <?php foreach($specialities as $row) { ?> <div class="col-md-4 noteCard"> <div class="Specialities-sec"> <div class="contant-top"> <div class="images"> <img src="<?=base_url('uploads/department/').$row['DepartmentIcon'];?>"> </div> <p> <strong> <?= $row['DepartmentName'];?> </strong> <?php echo substr(strip_tags($row['DepartmentOverview']),0,100)."....";?> </p> </div> <div class="contant"> <!-- <span>12 Services</span> --> <a href="<?=base_url('speciality/').$row['DepartmentPageURL'];?>">View Details <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> <?php }?> <?php } else { ?> <p>Records not found</p> <?php } ?> </div> </div> </div> <script> let search = document.getElementById('searchTxt'); search.addEventListener("input", function () { let inputVal = search.value.toLowerCase(); // console.log('Input event fired!', inputVal); let noteCards = document.getElementsByClassName('noteCard'); // console.log('Input event fired!', noteCards); Array.from(noteCards).forEach(function (element) { let cardTxt = element.getElementsByTagName("strong")[0].innerText; let cardTxts = cardTxt.toLowerCase(); console.log(cardTxts); if (cardTxts.includes(inputVal)) { element.style.display = "block"; } else { element.style.display = "none"; } // console.log(cardTxt); }) }) </script>