Skip to main content

KYVL QuickSearch



Promoting KYVL

About KYVL search widgets

KYVL search widgets can be easily integrated into the HTML of any webpage. Test the widgets below to try them out before cutting and and pasting the code.

Code updated 9.11.17. Please let KYVL staff know if you encounter any unexpected search behaviors or results.

Consumer Reports search box

Test it live here! For embed code, see instructions below.

Last Two Years Only

To include the Consumer Reports search box on your website:

  1. Copy the code below and paste into your website. You may have to select the "HTML editor" option. Those with HTML and CSS experience may edit the code as they wish.

    <!-- Begin Consumer Reports Widget -->
      <style type="text/css">
      #consumerreportssearch {
      border: thin solid black;
      box-shadow: 0px 0px 3px #333333;
      padding: 12px;
      width: 385px;
      font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
      font-weight: light;
      font-size: 10px;
      }
       
      #consumerreportssearch .cr_logo {
      max-height:39px;
      float: left;
      }
       
      #consumerreportssearch .kyvl_logo {
      max-height: 39px;
      float: right;
      }
       
      #consumerreportssearch form {
      margin:0px;
      padding: 12px 0px 0px 0px;
      clear:both;
      }
       
      #consumerreportssearch form input[type=text] {
      height: 28px;
      padding: 4px;
      vertical-align: top;
      width: 250px;
      }
       
      #consumerreportssearch form input[type=submit] {
      height: 28px;
      padding: 4px;
      vertical-align: top;
      }
       
      #consumerreportssearch form input[type=checkbox] {
      height: 10px;
      vertical-align: middle;
      }
       
      #consumerreportssearch form div.limiter {
      padding-top: 4px;
      vertical-align: middle;
      }
      </style>
       
      <div id="consumerreportssearch">
      <img class="cr_logo" src="//widgets.ebscohost.com/prod/customerspecific/kyvl/kyvlcr.svg" /><img class="kyvl_logo" src="//widgets.ebscohost.com/prod/customerspecific/kyvl/kyvllogo-sq.png" /><br />
      <form action="//widgets.ebscohost.com/prod/search/" method="GET" target="_blank">
      <input type="hidden" name="direct" value="true" /><input type="hidden" name="scope" value="site" /><input type="hidden" name="site" value="eds-live" /><input type="hidden" name="authtype" value="ip,guest" /><input type="hidden" name="custid" value="s1176192" /><input type="hidden" name="groupid" value="main" /><input type="hidden" name="profile" value="eds" /><input type="hidden" name="cli0" value="SO" /><input type="hidden" name="clv0" value="Consumer Reports" /><input type="hidden" name="ipcustid" value="s1176192" /><input type="hidden" name="cli1" value="DT1" />
      <input type="text" name="bquery" placeholder="Search Consumer Reports" />
      <input type="submit" value="Go" /><br />
      <div class="limiter"><input type="checkbox" id="clv1" name="clv1" value="" checked="checked" /> Last Two Years Only</div>
      </form>
      </div>
       
      <script type="text/javascript">
      var current_date = new Date();
      var current_year = current_date.getFullYear();
      var past_year = current_year - 2;
      var date_limiter = past_year + "01-" + current_year + "12";
      document.getElementById("clv1").value = date_limiter;
      </script>
       
      <!-- End Consumer Reports Widget -->

  2. As an alternative for sites that will not allow JavaScript, try pasting this HTML code:
    <iframe src="//widgets.ebscohost.com/prod/customerspecific/kyvl/crsearch.html" style="border: currentColor; border-image: none; width: 385px; height: 140px;"></iframe>

KYVL search box

Test it live here! For embed code, see instructions below.



 

To include the KYVL search box on your website:

  1. Copy the code below and paste into your website. You may have to select the "HTML editor" option. Those with HTML and CSS experience may edit the code as they wish.

    <!-- Begin KYVL Widget -->

       
      <style type="text/css">
      #kyvlsearch {
      border: thin solid black;
      box-shadow: 0px 0px 3px #333333;
      padding: 12px;
      width: 385px;
      font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
      font-weight: light;
      font-size: 10px;
      }
      #kyvlsearch .kyvl_logo {
      max-height: 39px;
      float: left;
      }
      #kyvlsearch form {
      margin:0px;
      padding: 0px 0px 0px 0px;
      clear:both;
      }
      #kyvlsearch form input[type=text] {
      height: 28px;
      padding: 4px;
      vertical-align: top;
      width: 250px;
      }
      #kyvlsearch form input[type=submit] {
      height: 28px;
      padding: 4px;
      vertical-align: top;
    width: auto !important;
      }
      #profile_select {
      margin-left: 10px;
      height: 39px;
      border: 1px solid #ccc;
      font-size: 16px;
      width: 240px;
      }
      </style>
      <script type="text/javascript">
      function kyvl_preprocess (myform) {
      if (myform.profile.value == "ehk5") {
      myform.authtype.value = "ip,uid";
      myform.proxy.value = "http://proxy.kyvl.org/login?qurl=";
      myform.site.value = "explora-live"
      } else {
      myform.authtype.value = "ip,guest";
      myform.proxy.value = "";
      myform.site.value = "eds-live";
      }
      }
      </script>
      <div id="kyvlsearch">
      <form name="kyvl_form" action="//widgets.ebscohost.com/prod/search/" method="GET" target="_blank" onsubmit="kyvl_preprocess(this);">
      <img class="kyvl_logo" src="//widgets.ebscohost.com/prod/customerspecific/kyvl/kyvllogo-sq.png" /><select name="profile" id="profile_select">
      <option value="eds">for Everyone</option>
      <option value="eds-med">for Health Professionals</option>
      <option value="eds-postse">for College Students and Faculty</option>
      <option value="ehk5">for Kids</option>
      <option value="eds-ms">for Middle School</option>
      <option value="eds-hs">for High School</option>
      </select><br /><br />
      <input type="hidden" name="direct" value="true" /><input name="site" value="eds-live" type="hidden"><input type="hidden" name="proxy" value="" /><input type="hidden" name="encode" value="y" /><input type="hidden" name="scope" value="site" /><input type="hidden" name="authtype" value="ip,guest" /><input type="hidden" name="ipcustid" value="s1176192" /><input type="hidden" name="custid" value="s1176192" /><input type="hidden" name="groupid" value="main" />
      <input type="text" name="bquery" placeholder="Find thousands of magazines and journals..." />
      <input type="submit" value="Go" /><br />
      </form>
      </div>
       
      <!-- End KYVL Widget -->

  2. As an alternative for sites that will not allow JavaScript, try pasting this HTML code:
    <iframe src="//widgets.ebscohost.com/prod/customerspecific/kyvl/kyvlsearch.html" style="border: medium none; width: 385px; height: 140px;"></iframe>

NoveList

Test it live here! For embed code, see instructions below.

Find your next book with NoveList:  

To include the NoveList search box on your website:

  1. Copy the code below and paste into your website. You may have to select the "HTML editor" option. Those with HTML and CSS experience may edit the code as they wish.

<!-- Begin NoveList KYVL Widget -->
<style type="text/css">
#kyvlNoveListSearch {
border: thin solid black;
box-shadow: 0px 0px 3px #333333;
padding: 12px;
width: 385px;
font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: light;
font-size: 10px;
}
#kyvlNoveListSearch .novSearchLogos {
height: 50px;
margin-bottom: 10px;
position: relative;
}
#kyvlNoveListSearch .kyvl_logo {
max-height: 39px;
float: right;
}
#kyvlNoveListSearch .nov_logo {
float: left;
}
#kyvlNoveListSearch p {
float: left;
padding-left: 10px;
vertical-align: bottom;
}
#kyvlNoveListSearch form {
margin:0px;
padding: 0px 0px 0px 0px;
clear:both;
}
#kyvlNoveListSearch form input[type=text] {
height: 28px;
padding: 4px;
vertical-align: top;
width: 250px;
}
#kyvlNoveListSearch form input[type=submit] {
height: 28px;
padding: 4px;
vertical-align: top;
width: auto !important;
}
</style>
<div id="kyvlNoveListSearch">
<form action="//widgets.ebscohost.com/prod/search/" method="GET" target="_blank">
<div class="novSearchLogos">
<img class="nov_logo" src="https://support.ebsco.com/images/logos/novelist100.gif" />
<img class="kyvl_logo" src="http://widgets.ebscohost.com/prod/customerspecific/kyvl/kyvllogo-sq.png" /></div>
<span style="font-weight: bold;font-size: 9pt;">Find your next book with <em>NoveList</em>:</span>
<input type="hidden" name="direct" value="true" /><input name="site" value="novelist-live" type="hidden"><input type="hidden" name="scope" value="site" /><input type="hidden" name="authtype" value="ip" /><input type="hidden" name="db" value="noh" /><input type="hidden" name="custid" value="s1176192" /><input type="hidden" name="groupid" value="main" /><input type="hidden" name="ssl" value="N" />
<input type="text" name="bquery" placeholder="Enter title or author to find a similar book." />
<input type="submit" value="Go" /><br />
</form>
</div>
<!-- End NoveList KYVL Widget -->

  1. As an alternative for sites that will not allow JavaScript, try pasting this HTML code:
    <iframe src="//widgets.ebscohost.com/prod/customerspecific/kyvl/novelist.html" style="border: medium none; width: 385px; height: 140px;"></iframe>

School Library Journal search box

Test it live here! For embed code, see instructions below.

School Library Journal
Last Two Years Only

To include the School Library Journalsearch box on your website:

  1. Copy the code below and paste into your website. You may have to select the "HTML editor" option. Those with HTML and CSS experience may edit the code as they wish.

    <!--Begin School Library Journal search widget-->

    <style type="text/css">

    #schoollibraryjournalsearch {

    border: thin solid black;

    box-shadow: 0px 0px 3px #333333;

    padding: 12px;

    width: 385px;

    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;

    font-weight: light;

    font-size: 10px;

    }

     

    #schoollibraryjournalsearch .slj_logo {

    max-height:39px;

    float: left;

    }

     

    #schoollibraryjournalsearch .kyvl_logo {

    max-height: 39px;

    float: right;

    }

     

    #schoollibraryjournalsearch form {

    margin:0px;

    padding: 12px 0px 0px 0px;

    clear:both;

    }

     

    #schoollibraryjournalsearch form input[type=text] {

    height: 28px;

    padding: 4px;

    vertical-align: top;

    width: 250px;

    }

     

    #schoollibraryjournalsearch form input[type=submit] {

    height: 28px;

    padding: 4px;

    vertical-align: top;

    }

     

    #schoollibraryjournalsearch form input[type=checkbox] {

    height: 10px;

    vertical-align: middle;

    }

     

    #schoollibraryjournalsearch form div.limiter {

    padding-top: 4px;

    vertical-align: middle;

    }

    #schoollibraryjournalsearch div.journaltitle {

    font-size: large;

    float:left;

    margin-top:8px;

    margin-left:10px;

    }

    </style>

     

    <div id="schoollibraryjournalsearch">

    <img class="slj_logo" src="//widgets.ebscohost.com/prod/customerspecific/kyvl/slj.jpg"><div class="journaltitle">School Library Journal</div><img class="kyvl_logo" src="//widgets.ebscohost.com/prod/customerspecific/kyvl/kyvllogo-sq.png"><br>

    <form action="//widgets.ebscohost.com/prod/search/" method="GET" target="_blank">

    <input name="direct" value="true" type="hidden"><input name="scope" value="site" type="hidden"><input name="site" value="eds-live" type="hidden"><input name="authtype" value="ip,guest" type="hidden"><input name="custid" value="s1176192" type="hidden"><input name="groupid" value="main" type="hidden"><input name="profile" value="eds" type="hidden"><input name="cli0" value="SO" type="hidden"><input name="clv0" value="School Library Journal" type="hidden"><input name="ipcustid" value="s1176192" type="hidden"><input name="cli1" value="DT1" type="hidden">

    <input name="bquery" placeholder="Search School Library Journal" type="text">

    <input value="Go" type="submit"><br>

    <div class="limiter"><input id="clv1" name="clv1" value="201501-201712" checked="checked" type="checkbox"> Last Two Years Only</div>

    </form>

    </div>

    <!--End School Library Journal search widget-->

  2. As an alternative for sites that will not allow JavaScript, try pasting this HTML code:
    <iframe src="//widgets.ebscohost.com/prod/customerspecific/kyvl/sljsearch.html" style="border: medium none; width: 385px; height: 140px;"></iframe>