Search templates: MiraCosta College example

<div class="  clearfix">
<ul class="nav nav-tabs">
  <li class="active"><a data-toggle="tab" href="#onesearch">OneSearch</a></li>
  <li><a data-toggle="tab" href="#articles">Articles</a></li>
  <li><a data-toggle="tab" href="#books">Books</a></li>
  <li><a data-toggle="tab" href="#textbooks">Textbooks</a></li>

</ul>

<div class="tab-content">

  <div id="onesearch" class="tab-pane fade in active">
<br>
<!-- Script that converts the query string into valid parameter -->
<script type="text/javascript">
function searchPrimo() {
document.getElementById("primoQuery").value = "any,contains," + document.getElementById("primoQueryTemp").value.replace(/[,]/g, " ");
document.forms["searchForm"].submit();
}
</script>
<form class="form" id="simple" name="searchForm" method="get" target="_blank" action="https://caccl-miracosta.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo()">

<div class="input-group input-group-lg" style="width: 100%;">

<!--- Search box ---->
<input class="form-control" type="text" id="primoQueryTemp" value="" placeholder="OneSearch for Articles, Books, and more">

<!-- Customizable Parameters -->
<input type="hidden" name="vid" value="01CACCL_MIRACOSTA:MIRACOSTA">
<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">

<!-- Search Button -->
<div class="input-group-btn">
<button class="btn btn-default" id="go" title="Search" onclick="searchPrimo()" type="button" value="Search" alt="Search"><i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>  </div>


  <div id="articles" class="tab-pane fade">
<br>

<!-- Script that converts the query string into valid parameter -->
<script type="text/javascript">
function searchPrimo1() {
document.getElementById("primoQuery1").value = "any,contains," + document.getElementById("primoQueryTemp1").value.replace(/[,]/g, " ");
document.forms["searchForm1"].submit();
}
</script>

<form aria-label="Find Articles" class="form" id="simple" name="searchForm1" method="get" target="_blank" action="https://caccl-miracosta.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo1()">

<div class="input-group input-group-lg" style="width: 100%;">

<!--- Search box ---->
<input aria-label="Find Articles" class="form-control" type="text" id="primoQueryTemp1" value="" placeholder="Find Articles">

<!-- Customizable Parameters -->
<input type="hidden" name="vid" value="01CACCL_MIRACOSTA:MIRACOSTA">
<input type="hidden" name="tab" value="Everything">
<input type="hidden" name="search_scope" value="MyInst_and_CI">
<!-- Fixed parameters -->
<input type="hidden" name="query" id="primoQuery1">
<input type="hidden" name="displayField" value="all">
<input type="hidden" name="mfacet" value="rtype,include,articles,1">
<input type="hidden" name="mfacet" value="rtype,include,newspaper_articles,1">

<!-- Search Button -->
<div class="input-group-btn">
<button aria-label="Search Button" class="btn btn-default" id="go" title="Search" onclick="searchPrimo1()" type="button" value="Search" alt="Search"><i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>
  </div>

  <div id="books" class="tab-pane fade">
<br>
<!-- Script that converts the query string into valid parameter -->
<script type="text/javascript">
function searchPrimo2() {
document.getElementById("primoQuery2").value = "any,contains," + document.getElementById("primoQueryTemp2").value.replace(/[,]/g, " ");
document.forms["searchForm2"].submit();
}
</script>

<form aria-label="Find Books" class="form" id="simple" name="searchForm2" method="get" target="_blank" action="https://caccl-miracosta.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo2()">

<div class="input-group input-group-lg" style="width: 100%;">

<!--- Search box ---->
<input aria-label="Find Books" class="form-control" type="text" id="primoQueryTemp2" value="" placeholder="Find Books">

<!-- Customizable Parameters -->
<input type="hidden" name="vid" value="01CACCL_MIRACOSTA:MIRACOSTA">
<input type="hidden" name="tab" value="Everything">
<input type="hidden" name="search_scope" value="MyInst_and_CI">
<!-- Fixed parameters -->
<input type="hidden" name="query" id="primoQuery2">
<input type="hidden" name="displayField" value="all">
<input type="hidden" name="mfacet" value="rtype,include,books,1">
<input type="hidden" name="mfacet" value="rtype,include,book_chapters,1">

<!-- Search Button -->
<div class="input-group-btn">
<button aria-label="Search Button" class="btn btn-default" id="go" title="Search" onclick="searchPrimo2()" type="button" value="Search" alt="Search"><i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>
  </div>


  <div id="textbooks" class="tab-pane fade">
<br>
<!-- Script that converts the query string into valid parameter -->
<script type="text/javascript">
function searchPrimo3() {
document.getElementById("primoQuery3").value = "any,contains," + document.getElementById("primoQueryTemp3").value.replace(/[,]/g, " ");
document.forms["searchForm3"].submit();
}
</script>

<form aria-label="Find Articles" class="form" id="simple" name="searchForm3" method="get" target="_blank" action="https://caccl-miracosta.primo.exlibrisgroup.com/discovery/search" enctype="application/x-www-form-urlencoded; charset=utf-8" onsubmit="searchPrimo3()">

<div class="input-group input-group-lg" style="width: 100%;">

<!--- Search box ---->
<input aria-label="Find Textbooks" class="form-control" type="text" id="primoQueryTemp3" value="" placeholder="Find Textbooks">

<!-- Customizable Parameters -->
<input type="hidden" name="vid" value="01CACCL_MIRACOSTA:MIRACOSTA">
<input type="hidden" name="tab" value="CourseReserves">
<input type="hidden" name="search_scope" value="CourseReserves">
<!-- Fixed parameters -->
<input type="hidden" name="query" id="primoQuery3">
<input type="hidden" name="displayField" value="all">

<!-- Search Button -->
<div class="input-group-btn">
<button aria-label="Search Button" class="btn btn-default" id="go" title="Search" onclick="searchPrimo3()" type="button" value="Search" alt="Search"><i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>
  </div>
</div>
           </div>