ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

delete facets from DOM when not in use

Browse Source
This commit is contained in:
Mark Eaton
2021-02-21 19:46:50 -05:00
parent f4b7995d7e
commit f22337f064
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-5/homepage5-js-css.html
+7 -1
View File
@@ -255,9 +255,15 @@ window.onload = function () {
<!-- script to make OneSearch dropdown work --> <!-- script to make OneSearch dropdown work -->
<script type="text/javascript"> <script type="text/javascript">
function customizeSearch(facet) { function customizeSearch(facet) {
document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>'; document.getElementById('dropdownMenu1').innerHTML = facet + ' <span class="caret"></span>';
document.querySelectorAll('.deleteWithDropdownChange').forEach(e => e.remove());
if (facet === "Books") { if (facet === "Books") {
document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />'); document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="facet" value="rtype,include,books" type="hidden" class="deleteWithDropdownChange" />');
} else if (facet === "Articles") {
document.getElementById("formToAppendInputsTo").insertAdjacentHTML('afterbegin', '<input name="mfacet" value="rtype,include,articles,1" type="hidden" class="deleteWithDropdownChange"/><input name="mfacet" value="rtype,include,newspaper_articles,1" type="hidden" class="deleteWithDropdownChange"/>');
} else {
console.log("no match")
}; };
}; };
</script> </script>
groups/new-homepage-5/homepage5-template.html
+5 -5
View File
@@ -207,15 +207,15 @@
<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="#" class="searchmenu" onclick="customizeSearch('Articles')"><strong>Articles</strong></a> <a 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="#" class="searchmenu" onclick="customizeSearch('Videos')"><strong>Videos</strong></a> <a 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="#" class="searchmenu" onclick="customizeSearch('Everything')"><strong>Everything</strong></a> <a 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">
@@ -223,11 +223,11 @@
<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="#" class="searchmenu" onclick="customizeSearch('Journals')"><strong>Journals</strong></a> <a 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="#" class="searchmenu" onclick="customizeSearch('Newspapers')"><strong>Newspapers and magazines</strong></a> <a 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">