Melvyl search box generator code

[chesleyperry]

Here's the generic search box code from OCLC:

<style type="text/css">#discovery-search-box,#discovery-search-box *{box-sizing:border-box!important;margin:0;padding:0;text-align:left}#discovery-search-box .material-tab{display:inline-block;user-select:none;cursor:pointer;background-color:#545454;color:#fff;min-height:2em;min-width:1.5rem;padding:.5em;box-sizing:border-box;border-radius:.25em .25em 0 0;margin-right:.4em;z-index:2}#discovery-search-form{position:'relative';width:auto;padding:1.25em 2em 2em;background-color:#f2f2f2!important;color:#333!important;z-index:1;line-height:initial}#discovery-search-box .material-tab.active-tab{background-color:#f2f2f2!important;color:#333!important}#discovery-index-container{position:relative;height:3em;background-color:white;color:black}#discovery-index-container:after{content:'\f078';display:block;font-family:'FontAwesome',sans-serif;position:absolute;top:0;right:.5em;line-height:3em;z-index:5}#discovery-index-container #discovery-search-select{position:relative;z-index:10;height:100%;min-width:initial;font-size:1em;padding:0 2em 0 1em;background-color:transparent;border-top:1px solid #ccc;border-right:0;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-image:initial;border-radius:0;-webkit-appearance:none;-moz-appearance:none}select::-ms-expand{display:none}</style>

Search WorldCat Discovery

<script type="text/javascript"> (function(){var d,w,tabList,h,form,input,urlBase,active,facets,v,r,rt,a,f,select,query;d=document;w=window;r=(function(){try{return w.self!==w.top;}catch(e){return true;}})();rt=r?'_blank':'_self';a=d.getElementById('discovery-advanced-search');if(a)a.setAttribute('target',rt);tabList=d.querySelectorAll('#discovery-search-box span.material-tab');tabList=[].slice.call(tabList);h=function(e){if(e.keyCode&&e.keyCode!==13)return;tabList.forEach(function(it){it.className='material-tab';});this.className='material-tab active-tab';};tabList.forEach(function(tab){tab.addEventListener('click',h);tab.addEventListener('keydown',h);});form=d.getElementById('discovery-search-form');input=d.getElementById('discovery-search');select=d.getElementById('discovery-search-select');urlBase='https://ucsc.on.worldcat.org/external-search?queryString=#T#&clusterResults=on&stickyFacetsChecked=on#F#';form.addEventListener('submit',function(e){e.preventDefault();e.stopPropagation();f='';active=d.querySelector('.material-tab.active-tab');if(active){facets=JSON.parse(active.getAttribute('data-facets')||'[]');facets.forEach(function(facet){console.log(facet);if(facet.key&&facet.value&&facet.value!=='all'){f+='&'+facet.key+'='+facet.value;}})}query=input.value;if(select){var index=select.options[select.selectedIndex].value if(index!=='kw')query=select.options[select.selectedIndex].value+':'+query;}w.open(urlBase.replace('#T#',encodeURIComponent(query)).replace('#F#',f),rt);});})()</script>