Best Practices

<i class="fa fa-search" aria-hidden="true"></i> QuickSearch

/**Quick Search Box**/

<script type="text/javascript">
function searchPrimo(formId) {
    /*
       base64_encoding_map includes special characters that need to be
       encoded using base64 - these chars are "=","/", "\", "?"
       character : base64 encoded
    */
    var base64_encoding_map = {"=":"PQ==", "/": "Lw==", "\\":"XA==", "?":"Pw=="};

    var escapeRegExp = function(string) {
        return string.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
    }

    var searchInput = document.getElementById(formId).elements["primoQueryTemp"];
    var searchString = searchInput.value.replace(/[,]/g, " ");
    for (var specialChar in base64_encoding_map) {
        charRegExString = escapeRegExp(specialChar);
        base64Regex = new RegExp(charRegExString, "g");
        searchString = searchString.replace(base64Regex, base64_encoding_map[specialChar])
    }
    document.getElementById(formId).elements["primoQuery"].value = "any,contains," + searchString;
    document.forms["searchForm1"].submit();
}
</script>

<h5>Get started with a quick search of the Catalog and multiple Databases</h5>

<form id="searchForm1" name="searchForm1" method="get" target="_parent" action="https://dsc-flvc.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo('searchForm1')">

<input type="hidden" name="vid" id="vid" value="01FALSC_DSC:DSC">
<input type="hidden" name="tab" id="tab" value="LibraryCatalog">
<input type="hidden" name="search_scope" id="search_scope" value="MyInstitution">
<input type="hidden" name="lang" id="lang" value="en">
<input type="hidden" name="pcAvailability" id="pcAvailability" value="true">

<!-- Fixed parameters --> 
<input id="primoQuery" name="query" type="hidden"/>

<!-- REQUIRED INPUT with id="searchInput" --> 
<div class="input-group">
<input aria-label="Search for books, e-books, and articles" class="form-control blueinput" id="primoQueryTemp" placeholder="Search for books, e-books, and articles" type="text" />
<span class="input-group-btn"><button class="btn btn-default" type="submit">
<i class="fa fa-search"><span style="display:none">Search</span></i></button> </span></div>

<!-- /input-group -->
 <!-- Search Button
<input id="go" title="Search" type="image" alt="Search"> --></form>
<p>&nbsp;</p>

/**Articles Search Box**/

<script type="text/javascript">
function searchPrimo(formId) {
    /*
       base64_encoding_map includes special characters that need to be
       encoded using base64 - these chars are "=","/", "\", "?"
       character : base64 encoded
    */
    var base64_encoding_map = {"=":"PQ==", "/": "Lw==", "\\":"XA==", "?":"Pw=="};

    var escapeRegExp = function(string) {
        return string.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, "\\$1");
    }

    var searchInput = document.getElementById(formId).elements["primoQueryTemp"];
    var searchString = searchInput.value.replace(/[,]/g, " ");
    for (var specialChar in base64_encoding_map) {
        charRegExString = escapeRegExp(specialChar);
        base64Regex = new RegExp(charRegExString, "g");
        searchString = searchString.replace(base64Regex, base64_encoding_map[specialChar])
    }
    if (searchString && searchString.length > 0) {
        document.getElementById(formId).elements["primoQuery"].value = "any,contains," + searchString;
    }
    else {
        document.getElementById(formId).elements["primoQuery"].value = "";
    }
    document.getElementById(formId).submit();
}
</script>
<h5>Search for&nbsp;magazine, newspaper, and scholarly journal & articles.</h5>
<form id="searchForm3" name="searchForm3" method="get" target="_parent" action="https://dsc-flvc.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo('searchForm3')">

<input type="hidden" name="vid" id="vid" value="01FALSC_DSC:DSC">
<input type="hidden" name="tab" id="tab" value="CentralIndex">
<input type="hidden" name="search_scope" id="search_scope" value="CentralIndex">
<input type="hidden" name="lang" id="lang" value="en">
<input type="hidden" name="pcAvailability" id="pcAvailability" value="false">

<!-- Fixed parameters --> 
<input id="primoQuery" name="query" type="hidden"/>

<!-- REQUIRED INPUT with id="searchInput" --> 
<div class="input-group">
<input aria-label="Search for peer-reviewed scholarly articles" class="form-control blueinput" id="primoQueryTemp" placeholder="Search for peer-reviewed scholarly articles" type="text" />
<span class="input-group-btn"><button class="btn btn-default" type="submit">
<i class="fa fa-search"><span style="display:none">Search</span></i></button> </span></div>

<!-- /input-group -->
 <!-- Search Button
<input id="go" title="Search" type="image" alt="Search"> --></form>
 

/**Formats height**/

#s-lg-embedded-search-widget-1442412632014 .s-lg-form-control {height: 34px !important;}

/**Adds padding**/

#search_lg_widget {padding: 6px;}

#search-cat {padding: 10% 0;}

/**Removed border and gray background to tabbed widget**/

.ui-widget-header {border: none; background: none;}

/*Styling for catalog search button icon*/

.ui-widget-content .input-group-btn .btn {font-size: 14px; background-color: #0070c2; color: #fff;}