Bootstrap Snippet 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 ---------->
<p></p>
<div class="container-fluid">
<div class="row">
        <div class="col-md-12">
            <div class="backgroundsearch" >
                </br>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
    <h3 align="center" style="color:#ffffff;">Spartan Search</h3>
    <div class="row">
<form id="simple" name="searchForm" method="get" target="_self" action="https://i-share-aru.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()">
<!-- Customizable Parameters -->
<input type="hidden" name="vid" value="01CARLI_ARU:CARLI_ARU">
<input type="hidden" name="tab" value="Everything">
<input type="hidden" name="search_scope" value="MyInst_and_CI">
<input type="hidden" name="mode" value="basic">
<!-- Fixed parameters -->
<input type="hidden" name="displayMode" value="full">
<input type="hidden" name="bulkSize" value="10">
<input type="hidden" name="highlight" value="true">
<input type="hidden" name="dum" value="true">
<input type="hidden" name="query" id="primoQuery">
<input type="hidden" name="displayField" value="all">
<!-- Enable this if "Expand My Results" is enabled by default in Views Wizard -->
<input type="hidden" name="pcAvailabiltyMode" value="true">
<input type="text" id="primoQueryTemp" value="" size="161">
<!-- Search Button -->
<input id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search" class="btn btn-success lrcSearchButton">
</form>
                                </br>
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: 10px; 
}
.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
<!-- Script that converts the query string into valid parameter -->
function searchPrimo() {
document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
document.forms["searchForm"].submit();
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Spartan Search"
Bootstrap 3.0.0 Snippet by waffleamp

Related: See More

Questions / Comments:

"Spartan Search" Bootstrap 3.0.0 Snippet by waffleamp

Related: See More

Questions / Comments:

"Spartan Search"
Bootstrap 3.0.0 Snippet by waffleamp