"Untitled"
Bootstrap 4.0.0 Snippet by waffleamp

Post to Facebook Tweet this

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="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.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 ---------->
<head>
<!-- Place your kit's code here -->
<script src="https://kit.fontawesome.com/d659a1663f.js" crossorigin="anonymous"></script>
</head>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="SpartanSearchBG" >
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-10">
<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
25
26
27
28
29
30
31
32
33
34
35
36
37
.scopeSelecter {
padding:10px;
}
.SpartanSearchBG {
background: #00467f;
padding: 25px;
}
.SpartanSearchButton {
height:55px;
background:none;
color:#47aa42;
text-transform:uppercase;
font-size:32px !Important;
padding:10px !important;
border: none;
font-family: FontAwesome;
}
#primoQueryTemp {
padding:10px !important;
min-width:75%;
border:none;
font-size:20px !important
}
#scopeSelecter {
padding:10px !important;
background:#47aa42;
color:#fff;
font-size:20px;
}
#SpartanSeachInput {
padding: 16px !important;
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

Related: See More

Material Kit React

Questions / Comments: