%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>Health Library </h1> <form action="<?php echo base_url('HealthLibrary')?>" 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="search-alphabet"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <span>Browse by Last Name: </span> <ul> <li><a href="#">a </a></li> <li><a href="#">b </a></li> <li><a href="#">c </a></li> <li><a href="#">d </a></li> <li><a href="#">e </a></li> <li><a href="#">f </a></li> <li><a href="#">g </a></li> <li><a href="#">h </a></li> <li><a href="#">i </a></li> <li><a href="#">j </a></li> <li><a href="#">k </a></li> <li><a href="#">l </a></li> <li><a href="#">m </a></li> <li><a href="#">n </a></li> <li><a href="#">o </a></li> <li><a href="#">p </a></li> <li><a href="#">q </a></li> <li><a href="#">r </a></li> <li><a href="#">s </a></li> <li><a href="#">t </a></li> <li><a href="#">u </a></li> <li><a href="#">v </a></li> <li><a href="#">w </a></li> <li><a href="#">x </a></li> <li><a href="#">y </a></li> <li><a href="#">z </a></li> </ul> </div> </div> </div> </div> <div class="doc-listpage"> <div class="container "> <div class="row hl-listing "> <?php foreach($alphas as $alpha){ ?> <div class="col-md-12 "> <div class="heading-big"> <h4> <?php echo $alpha['LEFT(`HealthConditionTitle`, 1)'] ?> </h4> </div> </div> <?php foreach($conditions as $condition){ ?> <?php if($alpha['LEFT(`HealthConditionTitle`, 1)']!=substr(strip_tags($condition['HealthConditionTitle']),0,1)){ continue;}?> <div class="col-md-4 noteCard"> <div class="Specialities-sec"> <div class="contant-top"> <div class="images"> <img src="<?=base_url('assests/images/')?>icon-s.png" /> </div> <p> <strong> <?php echo $condition['HealthConditionTitle']?> </strong> <?php echo substr(strip_tags($condition['HealthConditionOverview']),0,190); ?> </p> </div> <div class="contant"> <span>12 Services</span> <a href="<?php echo base_url();?>health-library/condition/<?php echo $condition['HealthConditionPageURL']?>">View Details <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> <?php } ?> <?php } ?> </div> <!-- <div class="row hl-listing"> <div class="col-md-12"> <div class="heading-big"> <h4>B</h4> </div> </div> <div class="col-md-4"> <div class="Specialities-sec"> <div class="contant-top"> <div class="images"> <img src="<?=base_url('assests/images/')?>icon-s.png" /> </div> <p> <strong>Ophthalmology</strong> The Department of Ophthalmology at Sharda Hospital is aimed to provide… </p> </div> <div class="contant"> <span>12 Services</span> <a href="health-library-details">View Details <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </div> </div> </div> </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>