Bootstrap Snippet Advanced Spartan Search using HTML CSS Bootstrap Javascript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container-fluid">
<div class="row">
        <div class="col-md-12">
            <div class="backgroundsearch" >
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10" align="center">
    <p></p>
    <img src="https://i-share-aru.primo.exlibrisgroup.com/discovery/custom/01CARLI_ARU-CARLI_ARU/img/library-logo.png" alt="Spartan Search" width="25%" height="100%">
    <p></p>
    <div class="row">
<form action="https://i-share-aru.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" id="simple" method="get" name="SpartanSearchForm" onsubmit="searchPrimo()" target="_blank">
<!-- Customizable Parameters -->
    <input name="institution" type="hidden" value="01CARLI_ARU"> 
    <input name="vid" type="hidden" value="01CARLI_ARU:CARLI_ARU"> 
    <input id="primoTab" name="tab" type="hidden" value="Everything"> 
    <input id="primoScope" name="search_scope" type="hidden" value="MyInst_and_CI"> 
    <input name="mode" type="hidden" value="Basic"> 
<!-- Fixed parameters --> 
    <input name="displayMode" type="hidden" value="full"> 
    <input name="bulkSize" type="hidden" value="10"> 
    <input name="highlight" type="hidden" value="true"> 
    <input name="dum" type="hidden" value="true"> 
    <input id="primoQuery" name="query" type="hidden"> 
    <input name="displayField" type="hidden" value="all"> 
<!-- Select Statement with values from case  Fires onchange --> 
    <select id="scopeSelecter" name="scopeSelecter" onchange="primoScopeSwitch(this)">
    <option value="Everything">Everything</option>
    <option value="LibraryCatalog">Library Catalog</option>
    <option value="CentralIndex">Articles</option>
    <option value="CourseReserves">Course Reserves</option>
    <option value="NewDiscoveryNetwork">I-Share</option> 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.backgroundsearch {
    background: #00467F;
    border-radius: 0px; 
}
.LibLinksWhite  a:link{
    color: #fff;
}
.LibLinksWhite a:visited{
    color: #fff;
}
.LibLinksWhite a:hover{
    color:#fff;
}
.lrcSearchButton {
    background-color: #47aa42;
}
.lrcSearchButton>a:hover{
    background-color: #45a145;    
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
function searchPrimo() {
    document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
    document.forms["OnesearchForm"].submit();
}
function primoScopeSwitch(scope) {
    switch(scope.value) {
        case "Everything":
        document.getElementById("primoTab").value = "Everything";
        document.getElementById("primoScope").value = "MyInst_and_CI";
        document.getElementById("primoQueryTemp").placeholder = "Discover books, articles, videos, and more";
        break;
   
        case "LibraryCatalog":
        document.getElementById("primoTab").value = "LibraryCatalog";
        document.getElementById("primoScope").value = "MyInstitution";
        document.getElementById("primoQueryTemp").placeholder = "Discover books, eBooks, and media";
        break;
        
        case "CentralIndex":
        document.getElementById("primoTab").value = "CentralIndex";
        document.getElementById("primoScope").value = "CentralIndex";
        document.getElementById("primoQueryTemp").placeholder = "Discover articles and more";
        break;
        
        case "CourseReserves":
        document.getElementById("primoTab").value = "CourseReserves";
        document.getElementById("primoScope").value = "CourseReserves";
        document.getElementById("primoQueryTemp").placeholder = "Find items on course reserve";
        break;
        case "NewDiscoveryNetwork":
        document.getElementById("primoTab").value = "NewDiscoveryNetwork";
        document.getElementById("primoScope").value = "NewDiscoveryNetwork";
        document.getElementById("primoQueryTemp").placeholder = "Search All I-Share Libraries";
        break;
    }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Advanced Spartan Search"
Bootstrap 3.0.0 Snippet by waffleamp

Related: See More

Questions / Comments:

"Advanced Spartan Search" Bootstrap 3.0.0 Snippet by waffleamp

Related: See More

Questions / Comments:

"Advanced Spartan Search"
Bootstrap 3.0.0 Snippet by waffleamp