Search Widget

Searchwidget

AccessScience is pleased to provide the following search widget to embed in learning management systems, LibGuides, and other web pages. Please note that there are three versions of HTML code for this widget. Select the version appropriate to your method of site access. Below you will see an example of what the widget will look like on your page.

Search widget

If your institution accesses the site through IP authorization, copy and paste the following code:

<!-- IP AUTH -->
<style>
    #AccessScience-wrapper,
    #AccessScience-wrapper #AccessScience-term,
    #AccessScience-wrapper #AccessScience-go {
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        font-weight: normal;
        text-decoration: none;
    }
    #AccessScience-wrapper {
        margin: 20px;
        width: 348px;
        border: 1px solid #ccc;
    }
    #AccessScience-wrapper #AccessScience-logo-link {
        display: block;
        width: 200px;
        height: 53px;
        border: 0;
        padding: 10px;
        text-decoration: none;
    }
    #AccessScience-wrapper #AccessScience-logo-img {
        width: 200px;
        height: 53px;
        border: 0;
    }
    #AccessScience-wrapper #AccessScience-label {
        display: block;
        cursor: pointer;
        color: #0058a2;
        font-weight: bold;
        font-size: 16px;
        padding: 7px;
    }
    #AccessScience-wrapper #AccessScience-form {
        padding: 0;
        margin: 0;
        background: #ccc;
        padding: 4px;
    }
    #AccessScience-wrapper #AccessScience-term {
        border: 1px solid #ccc;
        padding: 7px;
        width: 250px;
    }
    #AccessScience-wrapper #AccessScience-go {
        background: #00a5ff;
        color: #fff;
        border: 1px solid #00559d;
        display: inline-block;
        width: 68px;
        padding: 7px 0;
        text-align: center;
        border-radius: 4px;
        margin-left: 5px;
    }
</style>
<div id="AccessScience-wrapper">
    <a href="https://static-as-mhp.semcs.net/" id="AccessScience-logo-link"><img id="AccessScience-logo-img" src="https://static-as-mhp.semcs.net/static/img/header-as-logo.png" alt="AccessScience" /></a>
    <label id="AccessScience-label" for="AccessScience-term">Search AccessScience</label>
    <form id="AccessScience-form" method="post" action="https://static-as-mhp.semcs.net/inst">
        <input id="AccessScience-term" type="text" name="q" placeholder="I'm looking for..." /><input id="AccessScience-go" type="submit" value="Search" />
    </form>
</div>
<!-- end IP AUTH -->

If your institution accesses the site through a Proxy server using IP authorization, copy and paste the following code, replacing all instances of %YOURPROXYDETAILS% with your proxy details; 
e.g., http://libraryaccess.sdmesa.edu/login?url=


<!-- Via Proxy IP AUTH -->
<style>
    #AccessScience-wrapper,
    #AccessScience-wrapper #AccessScience-term,
    #AccessScience-wrapper #AccessScience-go {
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        font-weight: normal;
        text-decoration: none;
    }
    #AccessScience-wrapper {
        margin: 20px;
        width: 348px;
        border: 1px solid #ccc;
    }
    #AccessScience-wrapper #AccessScience-logo-link {
        display: block;
        width: 200px;
        height: 53px;
        border: 0;
        padding: 10px;
        text-decoration: none;
    }
    #AccessScience-wrapper #AccessScience-logo-img {
        width: 200px;
        height: 53px;
        border: 0;
    }
    #AccessScience-wrapper #AccessScience-label {
        display: block;
        cursor: pointer;
        color: #0058a2;
        font-weight: bold;
        font-size: 16px;
        padding: 7px;
    }
    #AccessScience-wrapper #AccessScience-form {
        padding: 0;
        margin: 0;
        background: #ccc;
        padding: 4px;
    }
    #AccessScience-wrapper #AccessScience-term {
        border: 1px solid #ccc;
        padding: 7px;
        width: 250px;
    }
    #AccessScience-wrapper #AccessScience-go {
        background: #00a5ff;
        color: #fff;
        border: 1px solid #00559d;
        display: inline-block;
        width: 68px;
        padding: 7px 0;
        text-align: center;
        border-radius: 4px;
        margin-left: 5px;
    }
</style>
<script type="text/javascript">
   function redirectViaProxy(e) {
     var accessScienceProxyUrlInput = document.getElementById('AccessScience-proxyurl');
     var accessScienceUrlInput = document.getElementById('AccessScience-url');
     var accessScienceQueryInput = document.getElementById('AccessScience-term');
     var redirectURL = accessScienceProxyUrlInput.value + accessScienceUrlInput.value + accessScienceQueryInput.value;
     window.location.href=redirectURL;
     return false;
   }
</script>
<div id="AccessScience-wrapper">
    <a href=" %YOURPROXYDETAILS%https://www.accessscience.com/inst" id="AccessScience-logo-link"><img id="AccessScience-logo-img" src="https://static-as-mhp.semcs.net/static/img/header-as-logo.png" alt="AccessScience" /></a>
    <label id="AccessScience-label" for="AccessScience-term">Search AccessScience</label>
    <form id="AccessScience-form" onsubmit="return redirectViaProxy(this);" method="post" action=" %YOURPROXYDETAILS%https://www.accessscience.com/inst"">
       <input type="hidden" id="AccessScience-proxyurl" value=" %YOURPROXYDETAILS%"/>
       <input type="hidden" id="AccessScience-url" value="https://www.accessscience.com/inst?q="/>
        <input id="AccessScience-term" type="text" name="q" placeholder="I'm looking for..." /><input id="AccessScience-go" type="submit" value="Search" />
    </form>
</div>
<!-- end Via Proxy IP AUTH -->

If your institution accesses the site through Referrer URL authorization, copy and paste the following code:

<!-- Username and Password -->
<style>
    #AccessScience-wrapper,
    #AccessScience-wrapper #AccessScience-term,
    #AccessScience-wrapper #AccessScience-go {
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        font-weight: normal;
        text-decoration: none;
    }
    #AccessScience-wrapper {
        margin: 20px;
        width: 348px;
        border: 1px solid #ccc;
    }
    #AccessScience-wrapper #AccessScience-logo-link {
        display: block;
        width: 200px;
        height: 53px;
        border: 0;
        padding: 10px;
        text-decoration: none;
    }
    #AccessScience-wrapper #AccessScience-logo-img {
        width: 200px;
        height: 53px;
        border: 0;
    }
    #AccessScience-wrapper #AccessScience-label {
        display: block;
        cursor: pointer;
        color: #0058a2;
        font-weight: bold;
        font-size: 16px;
        padding: 7px;
    }
    #AccessScience-wrapper #AccessScience-form {
        padding: 0;
        margin: 0;
        background: #ccc;
        padding: 4px;
    }
    #AccessScience-wrapper #AccessScience-term {
        border: 1px solid #ccc;
        padding: 7px;
        width: 250px;
    }
    #AccessScience-wrapper #AccessScience-go {
        background: #00a5ff;
        color: #fff;
        border: 1px solid #00559d;
        display: inline-block;
        width: 68px;
        padding: 7px 0;
        text-align: center;
        border-radius: 4px;
        margin-left: 5px;
    }
</style>
<div id="AccessScience-wrapper">
    <a href="https://static-as-mhp.semcs.net/" id="AccessScience-logo-link"><img id="AccessScience-logo-img" src="https://static-as-mhp.semcs.net/static/img/header-as-logo.png" alt="AccessScience" /></a>
    <label id="AccessScience-label" for="AccessScience-term">Search AccessScience</label>
    <form id="AccessScience-form" method="post" action="https://static-as-mhp.semcs.net/search">
        <input type="hidden" name="username" value="{{user}}" />
        <input type="hidden" name="password" value="{{pass}}" />
        <input id="AccessScience-term" type="text" name="q" placeholder="I'm looking for..." /><input id="AccessScience-go" type="submit" value="Search" />
    </form>
</div>
<!-- end Username and Password -->

If your institution accesses the site through a user name and password, copy and paste the following code:

<!-- Username and Password -->
<style>
    #AccessScience-wrapper,
    #AccessScience-wrapper #AccessScience-term,
    #AccessScience-wrapper #AccessScience-go {
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        font-weight: normal;
        text-decoration: none;
    }
    #AccessScience-wrapper {
        margin: 20px;
        width: 348px;
        border: 1px solid #ccc;
    }
    #AccessScience-wrapper #AccessScience-logo-link {
        display: block;
        width: 200px;
        height: 53px;
        border: 0;
        padding: 10px;
        text-decoration: none;
    }
    #AccessScience-wrapper #AccessScience-logo-img {
        width: 200px;
        height: 53px;
        border: 0;
    }
    #AccessScience-wrapper #AccessScience-label {
        display: block;
        cursor: pointer;
        color: #0058a2;
        font-weight: bold;
        font-size: 16px;
        padding: 7px;
    }
    #AccessScience-wrapper #AccessScience-form {
        padding: 0;
        margin: 0;
        background: #ccc;
        padding: 4px;
    }
    #AccessScience-wrapper #AccessScience-term {
        border: 1px solid #ccc;
        padding: 7px;
        width: 250px;
    }
    #AccessScience-wrapper #AccessScience-go {
        background: #00a5ff;
        color: #fff;
        border: 1px solid #00559d;
        display: inline-block;
        width: 68px;
        padding: 7px 0;
        text-align: center;
        border-radius: 4px;
        margin-left: 5px;
    }
</style>
<div id="AccessScience-wrapper">
    <a href="https://static-as-mhp.semcs.net/" id="AccessScience-logo-link"><img id="AccessScience-logo-img" src="https://static-as-mhp.semcs.net/static/img/header-as-logo.png" alt="AccessScience" /></a>
    <label id="AccessScience-label" for="AccessScience-term">Search AccessScience</label>
    <form id="AccessScience-form" method="post" action="https://static-as-mhp.semcs.net/inst">
        <input type="hidden" name="username" value="{{user}}" />
        <input type="hidden" name="password" value="{{pass}}" />
        <input id="AccessScience-term" type="text" name="q" placeholder="I'm looking for..." /><input id="AccessScience-go" type="submit" value="Search" />
    </form>
</div>
<!-- end Username and Password -->

If your institution accesses the site through a library barcode, copy and paste the following code:

<!-- Library card prefix -->
<style>
    #AccessScience-wrapper,
    #AccessScience-wrapper #AccessScience-term,
    #AccessScience-wrapper #AccessScience-go {
        font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        font-weight: normal;
        text-decoration: none;
    }
    #AccessScience-wrapper {
        margin: 20px;
        width: 348px;
        border: 1px solid #ccc;
    }
    #AccessScience-wrapper #AccessScience-logo-link {
        display: block;
        width: 200px;
        height: 53px;
        border: 0;
        padding: 10px;
        text-decoration: none;
    }
    #AccessScience-wrapper #AccessScience-logo-img {
        width: 200px;
        height: 53px;
        border: 0;
    }
    #AccessScience-wrapper #AccessScience-label {
        display: block;
        cursor: pointer;
        color: #0058a2;
        font-weight: bold;
        font-size: 16px;
        padding: 7px;
    }
    #AccessScience-wrapper #AccessScience-form {
        padding: 0;
        margin: 0;
        background: #ccc;
        padding: 4px;
    }
    #AccessScience-wrapper #AccessScience-term {
        border: 1px solid #ccc;
        padding: 7px;
        width: 250px;
    }
    #AccessScience-wrapper #AccessScience-go {
        background: #00a5ff;
        color: #fff;
        border: 1px solid #00559d;
        display: inline-block;
        width: 68px;
        padding: 7px 0;
        text-align: center;
        border-radius: 4px;
        margin-left: 5px;
    }
</style>
<div id="AccessScience-wrapper">
    <a href="https://static-as-mhp.semcs.net/" id="AccessScience-logo-link"><img id="AccessScience-logo-img" src="https://static-as-mhp.semcs.net/static/img/header-as-logo.png" alt="AccessScience" /></a>
    <label id="AccessScience-label" for="AccessScience-term">Search AccessScience</label>
    <form id="AccessScience-form" method="post" action="https://static-as-mhp.semcs.net/inst">
        <input type="hidden" name="prefix" value="{{prefix}}" />
        <input id="AccessScience-term" type="text" name="q" placeholder="I'm looking for..." /><input id="AccessScience-go" type="submit" value="Search" />
    </form>
</div>
<!-- end Library card prefix -->


Return to Administrative Resource Center
or
Return to Faculty page

Learn more about AccessScience

a female college student looking at the screen of her silver-cased laptop computer
Watch the YouTube video

flyer thumbnail

Download the flyerGet Adobe Acrobat Reader pdf icon