"Untitled"
Bootstrap 4.0.0 Snippet by waffleamp

Post to Facebook Tweet this

<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> </select> <!-- Enable this if "Expand My Results" is enabled by default in Views Wizard --> <input name="pcAvailabiltyMode" type="hidden" value="true"> <input id="primoQueryTemp" size="40" type="text" value="" placeholder="Discover books, articles, videos, and more"> <!-- Search Button --> <input alt="Search" id="go" onclick="searchPrimo()" class="SpartanSearchButton" title="Search" type="button" value=""> </form> </div> </div> <p></p> <div class="LibLinksWhite"> <div class="container-fluid"> <div class="row"> <div class="col" align="center"> <a href="http://libguides.aurora.edu/az.php">A - Z Database List</a> </div> <div class="col" align="center"> <a href="http://library.aurora.edu/login?url=http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1&db=a9h&db=afh&db=aph&db=vth&db=rfh&db=bai&db=bth&db=bsh&db=ccm&db=rzh&db=cgh&db=chh&db=cmr&db=ufh&db=c9h&db=i3h&db=dah&db=eoah&db=e000xna&db=nlebk&db=20h&db=eih&db=eric&db=funk&db=8gh&db=hxh&db=hch&db=hta&db=llf&db=ulh&db=f5h&db=mnh&db=mth&db=nfh&db=eed&db=poh&db=prh&db=tfh&db=pdh&db=psyh&db=bwh&db=swh&db=sih&db=s3h&db=trh&db=undefined&mode=bool&lang=en&authtype=ip">All EBSCO Search</a> </div> <div class="col" align="center"> <a href="https://library.aurora.edu/login?url=https://aurora.illiad.oclc.org/illiad/illiad.dll/OpenURL">I-Share Account</a> </div> </div> </div> </div> </div> </div> </div> </div>
.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; min-width: 75%; border: none; font-size: 20px !important; } .LibLinksWhite a:link{ color: #fff; } .LibLinksWhite a:visited{ color: #fff; } .LibLinksWhite a:hover{ color:#fff; }
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; } } //Windows on load function to load the intitial change window.onload = function() { var scope = document.getElementById("scopeSelecter"); primoScopeSwitch(scope); };

Related: See More

Light Bootstrap Dashboard Pro Angular

Questions / Comments: