link dropdown name to specific facet

This commit is contained in:
Mark Eaton
2021-02-21 02:44:39 -05:00
parent d193d05cbf
commit 61bcff55c2
2 changed files with 16 additions and 9 deletions
@@ -246,6 +246,13 @@ window.onload = function () {
}; };
</script> </script>
<!-- script to make OneSearch dropdown work -->
<script>
customizeSearch = function(facet) {
document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
}
</script>
<!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) --> <!-- Load bootstrap accessibility libraries (https://github.com/paypal/bootstrap-accessibility-plugin) -->
<link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css"> <link rel="stylesheet" type="text/css" href="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.css">
<script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script> <script type="text/javascript" src="//libapps.s3.amazonaws.com/sites/2365/include/bootstrap-accessibility.min.js"></script>
@@ -183,7 +183,7 @@
<div class="form-group"> <div class="form-group">
<div class="dropdown input-group zero-margin"> <div class="dropdown input-group zero-margin">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown Define Your Search
<span class="caret"></span> <span class="caret"></span>
</button> </button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
@@ -191,35 +191,35 @@
<div class="yamm-content yamm4"> <div class="yamm-content yamm4">
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<a href="#" value="" class="searchmenu"><strong>Books</strong></a> <a href="#" class="searchmenu" onclick="customizeSearch('Books')"><strong>Books</strong></a>
<p class="faux-card">Find print books and ebooks using OneSearch</p> <p class="faux-card">Find print books and ebooks using OneSearch</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="#" value="" class="searchmenu"><strong>Articles</strong></a> <a href="#" class="searchmenu" onclick="customizeSearch('Articles')"><strong>Articles</strong></a>
<p class="faux-card">Find articles in journals, newspapers and magazines</p> <p class="faux-card">Find articles in journals, newspapers and magazines</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="#" value="" class="searchmenu"><strong>Videos</strong></a> <a href="#" class="searchmenu" onclick="customizeSearch('Videos')"><strong>Videos</strong></a>
<p class="faux-card">Find DVDs and streaming videos</p> <p class="faux-card">Find DVDs and streaming videos</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="#" value="" class="searchmenu"><strong>Everything</strong></a> <a href="#" class="searchmenu" onclick="customizeSearch('Everything')"><strong>Everything</strong></a>
<p class="faux-card">Search for all using OneSearch</p> <p class="faux-card">Search for all using OneSearch</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="https://kbcc.cuny.libguides.com/az.php" value="" class="searchmenu"><strong>Databases</strong></a> <a href="https://kbcc.cuny.libguides.com/az.php" class="searchmenu" onclick="customizeSearch('Databases')"><strong>Databases</strong></a>
<p class="faux-card">Find A to Z list and find databases by subject</p> <p class="faux-card">Find A to Z list and find databases by subject</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="#" value="" class="searchmenu"><strong>Journals</strong></a> <a href="#" class="searchmenu" onclick="customizeSearch('Journals')"><strong>Journals</strong></a>
<p class="faux-card">Find specific scholarly journals (peer reviewed)</p> <p class="faux-card">Find specific scholarly journals (peer reviewed)</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="#" value="" class="searchmenu"><strong>Newspapers and magazines</strong></a> <a href="#" class="searchmenu" onclick="customizeSearch('Newspapers')"><strong>Newspapers and magazines</strong></a>
<p class="faux-card">Find specific newspapers and magazines</p> <p class="faux-card">Find specific newspapers and magazines</p>
</div> </div>
<div class="col-xs-12"> <div class="col-xs-12">
<a href="https://kbcc.cuny.libguides.com/er.php?b=c" value="" class="searchmenu"><strong>Course reserves</strong></a> <a href="https://kbcc.cuny.libguides.com/er.php?b=c" class="searchmenu" onclick="customizeSearch('Reserves')"><strong>Course reserves</strong></a>
<p class="faux-card">Find materials for your classes</p> <p class="faux-card">Find materials for your classes</p>
</div> </div>
</div> </div>