/iframe></noscript> <aside class="notice"></aside> <header class="template"> <div class="header"> <a href="https://www.hanover.edu" class="logo" alt="Hanover College logo" title="Hanover College logo"></a> <a href="https://www.hanover.edu" class="www" title="Go to Hanover College website">hanover.edu</a> </div> <hr> <div id="site_name"><a class="site_name" href=".">Office of Student Success</a></div> <div id="header_nav" tabindex="1"><nav><a href="/" class="">Home</a><a href="/glc/" class="current">Gladish Learning Center</a><a href="/accessibility.php" class="">Accessibility Services</a><a href="/firstyear.php" class="">First Year 101</a><a href="/studentleadership/" class="">Student Leadership</a></nav></div> </header> <main class="template"> <section class="page"> <div id="page_nav" class="left"><nav><a href="/glc/faq.php" class="">Frequently Asked Questions</a><a href="/glc/tutors.php" class="current">Tutors List</a><a href="/glc/studygroups.php" class="">Study Groups</a><a href="/glc/request.php" class="">Tutor Request</a></nav></div> <div class="page_body"> <div id="page_title" title="Tutors">Tutors</div> <div id="page_content" class="page_content"><div role="application"> <p>Filter tutors by subject: <input id="search_subjects" type="text" placeholder="Enter subject..." class="text subject" name="subject"> <button class="button reset" name="reset">Reset</button> <span id="matches">(Matches will be highlighted in green.)</span></p> <table id="tutors" class="list sortable"> <thead><tr><th class="name">Name</th><th class="subjects">Subjects</th><th class="schedule">Hours</th></tr></thead> <tbody></tbody> </table> </div> <script> js(function(){ js.Get('table#tutors',function(){ const table = this; js.Fetch({ data : { get_tutors : true } }) .then(function(res){ if (res){ const tbody = table.jsGet('tbody').jsEmpty(res); const matches = js.Get('#matches'); const search_input = js.Get('#search_subjects',function(e){ let count = 0; const input = e.target; tbody.jsGetAll('tr',function(){ this.classList.remove('highlight'); }); if (input.value.trim().length >= 3) { tbody.jsGetAll('[data-subjects*=' + input.value.trim() + ']',function(){ this.classList.add('highlight'); count++; }); } if (count > 0) { matches.jsEmpty(count + ' matche(s) found.'); } else { matches.jsEmpty('(Matches will be highlighted in green.)'); } },'input'); js.Get('button.reset',function(){ matches.jsEmpty('(Matches will be highlighted in green.)'); search_input.value = ''; tbody.jsGetAll('tr',function(){ this.classList.remove('highlight'); }); },'click'); } }); }); }); </script></div> </div> </section> </main> <footer class="template"> <div class="footer"> <div id="site_info"><a href="/" title="Office of Student Success" class="site_name">© 2023 Office of Student Success</a><a href="tel:(812) 866-7000" class="site_phone" title="Contact Phone Number" aria-label="Contact Phone Number">(812) 866-7000</a><a href="mailto:wood@hanover.edu" class="site_email" title="Contact Email Address" aria-label="Contact Email Address">wood@hanover.edu</a></div> <div id="site_social"></div> </div> </footer> </body> </html>