"Formerly Tabbed but needs work 4 part search box"
Bootstrap 3.3.0 Snippet by rhondak

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <center><script type="text/javascript">// <![CDATA[ dojo.require("dijit.layout.TabContainer"); dojo.require("dijit.layout.ContentPane"); // ]]></script> <div style="width: 450px; height: 200px;"> <div dojotype="dijit.layout.TabContainer" style="width: 100%; height: 100%;"><!----------- ARTICLE SEARCH ----------> <div dojotype="dijit.layout.ContentPane" selected="selected" style="text-align: center;" title="Find Articles"> <p style="text-align: center;"><!-- State College of Florida Libraries --></p> <form action="http://www.linccweb.org/Discover" method="get" target="_new"><input class="textField" name="query" onfocus="this.value='';" type="text" value="Enter Search Terms" /> <input name="fn" type="hidden" value="search" /> <input name="vl(2826233950UI0)" type="hidden" value="articles1" /> <input name="ct" type="hidden" value="search" /> <input name="indx" type="hidden" value="1" /> <input name="dum" type="hidden" value="true" /> <input name="reset_config" type="hidden" value="true" /> <input name="lib_code" type="hidden" value="FLCC1500" /> <input name="vid" type="hidden" value="FLCC1500" /> <input class="button" type="submit" value="Go" /> <div class="noImg body"> </div> </form> <p style="text-align: center;"><a href="http://discover.linccweb.org/primo_library/libweb/action/search.do?mode=Advanced&" target="_blank" title="Search for subscription articles and abstracts, on demand and online.">Advanced Article Search</a> | <a href="http://www.linccweb.org/index.asp?screen=subject&lib_code=FLCC1500" target="_blank" title="Databases by Subject">Databases by Subject</a> | <a href="http://sfx3.linccweb.org:9003/FLCC1500/a-z/default" target="_blank" title="Journals A-Z">Journals A-Z </a></p> <p><em>Search selected multiple online databases at the same time.<br /> Find scholarly resources, digital film, ebooks and more.</em></p> <p><em><img height="50" src="http://lgimages.s3.amazonaws.com/data/imagemanager/22114/screen_shot_2012-09-11_at_1.40.35_pm.png" width="333" />  </em></p> </div> <!--- Google Scholar ----> <div dojotype="dijit.layout.ContentPane" title="Google Scholar"> <table align="center" border="0" cellpadding="0" cellspacing="1" style="border-color: #e2e1ef; border-width: 0px; background-color: #c6d8b5; border-style: solid; width: 294px; height: 114px;"> <tbody> <tr align="center" style="background-color: #fdfefd;" valign="middle"> <td> <h3 style="text-align: center;"><img height="76" src="http://lgimages.s3.amazonaws.com/data/imagemanager/22114/google-scholar1.gif" width="100" /> </h3> </td> <td> <h3 style="text-align: center;">Search SCF Full Text<br /> on Google Scholar</h3> <form action="http://scholar.google.com/scholar?hl=en&inst=8873731101682220099&q?" method="get"> <div style="padding: 4px; width: 20em;"><input name="inst" type="hidden" value="8873731101682220099" /><input maxlength="200" name="q" size="25" type="text" value="" /></div> <table border="0" cellpadding="0"> </table> </form> </td> </tr> </tbody> </table> </div> <!--------------- LIBGUIDES SEARCH -------------> <div dojotype="dijit.layout.ContentPane" title="Subject Guides"> <center>Suggested Resources for Assignments and Courses.</center> <div id="api_searchbox_iid1129" style="text-align: center;"> </div> <script src="http://api.libguides.com/api_searchbox.php?iid=1129&context=object&format=js&css=0" type="text/javascript">// <![CDATA[ // ]]></script> <p style="text-align: center;">Browse: <a href="http://libguides.scf.edu/browse.php" title="All Subject Guides">All Guides</a> | <a href="http://libguides.scf.edu/browse.php?o=s" title="Guides by Subject">By Subject</a></p> </div> <!------------------ ACADEMIC SEARCH COMPLETE-----------------> <div dojotype="dijit.layout.ContentPane" style="text-align: center;" title="Academic Search"> <p> </p> <!-- EBSCOhost Custom Search Box Begins --> <center><script src="http://supportforms.epnet.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script> <form action="" method="post" onsubmit="return ebscoHostSearchGo(this);"><input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="0" /> <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://db15.linccweb.org/login?url=http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1&db=a9h&mode=bool&cli0=FT&clv0=Y" /> <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="url" /> <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" /> <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" /> <div style="background-image: url('http://supportforms.epnet.com/eit/images/ebscohost.gif'); background-repeat: no-repeat; height: 66px; width: 375px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: bold; color: #353535;"> <div style="padding-top: 5px; padding-left: 150px;"><span style="font-weight: bold;">Academic Search Complete</span> <div><input id="ebscohostsearchtext" name="ebscohostsearchtext" size="23" style="font-size: 9pt; padding-left: 5px; margin-left: 0px;" type="text" /> <input style="font-size: 9pt; padding-left: 5px;" type="submit" value="Search" /></div> </div> </div> </form> </center> </div> </div> </div> <!-- EBSCOhost Custom Search Box Ends --></center>

Related: See More


Questions / Comments: