here's website: http://library.bennington.edu. use domtabs organize our search boxes. we're switching cataloging software, i'm trying replace catalog search box new search box ebsco discovery services (eds). eds provides own code, didn't have write anything, should cut , paste. when drop new code in, nothing appears @ all, total blank space. if place code below domtabs box, works fine. blanks when placed within domtabs box, if there's conflict. here's relevant domtab code section:
<div class="domtab"> <ul class="domtabs"> <li><a style="border-top-left-radius:9px" href="#catalog">catalog</a></li> <li><a href="#journals">journals</a></li> <li><a href="#databases">databases</a></li> <li><a href="#reserves">reserves</a></li> <li><a href="#reference">reference</a></li> <li><a style="border-top-right-radius:9px" href="#archive">archive</a></li> </ul> <div> <h2><a name="#catalog" id="catalog"></a></h2> <table width="425px"> <tr> <td valign="top" width="70%"> <!--insert new code here--> <!--code ends here--> <span>search library's holdings books, ebooks, movies, music recordings, , more.</span> <form action="http://library.bennington.edu/search/y" method="get" style="display:block; padding: 2px 0px; margin: 0;"> <input style="border-radius:3px" type="text" name="search" size="35" value="" /> <input type="hidden" name="sort" value="a" /> <script language="javascript"> function iiidosubmit_1() { var name = "iiiformhandle_1"; if (document.getelementbyid) obj = document.getelementbyid(name); else if (document.all) obj = document.all[name]; else if (document.layers) obj = document.layers[name]; obj.form.submit(); } </script> <input type="hidden" id="iiiformhandle_1"/> <a href=# onclick="iiidosubmit_1();"> <input style="border-radius:3px; width:50px; margin-top:3px; padding:2px; font-size:11px" value="search" type="submit" /> </a> </form> </td> <td valign="top" align="right"> <span class="roundedcontentinfo"> <span style="font-size:130%; border-bottom:1px solid #000; text-align:left;"><b>other searches</b></span> <span><a href="/search/x">advanced </a></span> <span><a href="/search/t">title </a></span> <span><a href="/search/a">author </a></span> <span><a href="/search/q">author & title </a></span> </span> </td> </tr> </table> </div> and here's code should dropped in:
<script src="http://support.ebscohost.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script> <style type="text/css"> .choose-db-list{ list-style-type:none;padding:0;margin:10px 0 0 0;font-family:verdana,arial,helvetica,sans-serif;font-size:9pt;width:340px; } .choose-db-check{ width:20px;float:left;padding-left:5px;padding-top:5px; } .choose-db-detail{ margin-left:30px;border-left:solid 1px #e7e7e7;padding:5px 11px 7px 11px;line-height:1.4em; } .summary { background-color:#1d5da7;color:#ffffff;border:solid 1px #1d5da7; } .one { background-color: #ffffff;border:solid 1px #e7e7e7;border-top:solid 1px #ffffff; } .two { background-color: #f5f5f5;border:solid 1px #e7e7e7;border-top:solid 1px #ffffff; } .selected { background-color: #e0eff7;border:solid 1px #e7e7e7;border-top:solid 1px #ffffff; } #ebscohostcustomsearchbox #disciplineblock { width:auto; } #ebscohostcustomsearchbox .limiter { float:left;margin:0;padding:0;width:50%; } #ebscohostsearchtext { width: 144px; } #ebscohostsearchtext.edspub { width: 245px; } .ebscohost-search-button.edspub { border: 1px solid #156619; padding: 5px 10px !important; border-radius: 3px; color: #fff; font-weight: bold; background-color: #156619; } .ebscohost-title.edspub { color: #1c7020; font-weight: bold; } </style> <form id="ebscohostcustomsearchbox" action="" onsubmit="return ebscohostsearchgo(this);" method="post" style="width:340px; overflow:auto;"> <input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" /> <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://0-search.ebscohost.com.library.bennington.edu/login.aspx?direct=true&site=eds-live&scope=site&type=0&mode=bool&lang=en&authtype=cookie,ip" /> <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="db" /> <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" /> <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" /> <div style="background-image:url('http://support.ebscohost.com/images/logos/eds100.gif'); background-repeat:no-repeat; height:50px; width:340px; font-family:verdana,arial,helvetica,sans-serif;font-size:9pt; color:#353535;"> <div style="padding-top:5px;padding-left:115px;"> <span class="ebscohost-title " style="font-weight:bold;">research databases</span> <div> <input id="ebscohostsearchtext" class="" name="ebscohostsearchtext" type="text" size="23" style="font-size:9pt;padding-left:5px;margin-left:0px;" /> <input type="submit" value="search" class="ebscohost-search-button " style="font-size:9pt;padding-left:5px;" /> <div id="guidedfieldselectors"> <input class="radio" type="radio" name="searchfieldselector" id="guidedfield_0" value="" checked="checked" /> <label class="label" for="guidedfield_0"> keyword</label> <input class="radio" type="radio" name="searchfieldselector" id="guidedfield_1" value="ti" /> <label class="label" for="guidedfield_1"> title</label> <input class="radio" type="radio" name="searchfieldselector" id="guidedfield_2" value="au" /> <label class="label" for="guidedfield_2"> author</label> </div> </div> </div> </div> <div id="limiterblock" style="margin-left:-px; overflow: auto; "> <div id="limitertitle" style="font-weight:bold;padding-top:25px;padding-bottom:5px;">limit results</div> <div class="limiter" > <input type="checkbox" id="chkfulltext" name="chkfulltext" checked="checked" /> <label for="chkfulltext">full text</label> </div> <div class="limiter" > <input type="checkbox" id="chklibrarycollection" name="chklibrarycollection" /> <label for="chklibrarycollection">available in library collection</label> </div> <div class="limiter" style="display:none;"> <input type="checkbox" id="chkpeerreviewed" name="chkpeerreviewed" /> <label for="chkpeerreviewed">peer reviewed</label> </div> <div class="limiter" style="display:none;"> <input type="checkbox" id="chkcatalogonly" name="chkcatalogonly" /> <label for="chkcatalogonly">catalog only</label> </div> </div> </form> i've moved javascript call top of page, , moved css css page thin out code, still getting domtab box normal background color if nothing there. :-/
Comments
Post a Comment