CheapBooks.com - Add Search Box To Your Site

Search Box Preview


Please copy the following code in the text area and paste it in the corresponding html file of your website where you want to add the above Search box.
<style> .searchtdleft{width:10px;padding-bottom:0px;}.searchtable{margin-top:15px;}.searchtypedropdown{text-transform:capitalize;font-size:12px;background-color:#e4f2fc;}.dropdowntd{font-family:Arial;font-weight:bold;text-align:center;font-size:14px;font-style: oblique;font-variant:small-caps;}.searchbuttontd{padding-left:10px;text-align:center;padding-right:10px;}.searchtdright{font-family:Arial;font-weight:bold;color:#CC3366;font-variant:small-caps;font-size:14px;text-align:center;text-decoration: none;}#search{height:18px;margin-left:5px;margin-right:5px;border-color:#045c97;border-width:1px;border-style:solid;}.searchbuttontd{padding-left:10px;padding-right:10px;}.searchbutton{ background-color:#045c97; width:100px; height:22px;border:0px;color:#fff;font-weight:bold; vertical-align:middle; padding-bottom:3px;}.tabstable{width:100%;background-color:#ffffff;height:30px;}.searchradiobutton{font-family:Verdana;color:#000;text-transform:capitalize;font-size:12px;text-align:center;text-decoration: none;}.activetabright{width:5px;background: url(images/themes/modern_blue/breck.gif) no-repeat center center; }.activetableft{width:5px;background: url(images/themes/modern_blue/breck.gif) no-repeat center center; }.activetabcenter{padding-left:7px;text-align:center;padding-right:7px;}.activetablink{font-family:Verdana;font-weight:bold;text-align:center;font-size:12px;text-transform:capitalize;color:#0567a9;text-decoration: none;}.inactivetablink{font-family:Verdana;color:#000000;text-transform:capitalize;font-size:12px;text-align:center;text-decoration: none;}.inactivetabright{width:2px;}.inactivetableft{width:2px;}.inactivetabcenter{padding-left:7px;padding-right:7px;text-align:center;} .outerborder { border-style: solid;border-color: #999999;border-width:1px; }</style><script language="javascript"> function Determine(loopvalue,enginecount,engine) { for(i=0;i<enginecount;i++) { if(i==loopvalue) { document.getElementById("active"+i).style.display=""; document.getElementById("inactive"+i).style.display="none"; } else { document.getElementById("inactive"+i).style.display=""; document.getElementById("active"+i).style.display="none"; } } document.getElementById('type').value=engine; } </script> <script type="text/javascript"> function verifyForm_searchform(){ var path=document.getElementById("homepath").href; if(path!="http://inout-search.cheapbooks.com/index.php?page=") { return false; document.getElementById('searchstatus').value = "no"; }else{ document.getElementById('searchstatus').value = "yes";} }</script> <form name="searchform" id="searchform" enctype="multipart/form-data" method="post" action="http://inout-search.cheapbooks.com/index.php?page=search/redir" onSubmit="return verifyForm_searchform()" > <table cellpadding="0" cellspacing="0" class="outerborder" style="padding: 10px;"> <tr><td> <table cellpadding="0" cellspacing="0" class="tabstable"> <tr> <td colspan="15"> <a href="http://inout-search.cheapbooks.com/index.php?page=" id="homepath" alt="CheapBooks.com Home" title="CheapBooks.com Home"> <img src="http://inout-search.cheapbooks.com/userdata/webmasterlogo.jpg" border="0"></a> </td></tr> <tr class="tabstr"> <td nowrap="nowrap" width="1%" ><div id="active0" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(0,11,'web')"><span>web</span></a> \|</div> <div id="inactive0" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(0,11,'web')"><span>web</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active1" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(1,11,'Amazon')"><span>Amazon</span></a> \|</div> <div id="inactive1" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(1,11,'Amazon')"><span>Amazon</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active2" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(2,11,'eBay')"><span>eBay</span></a> \|</div> <div id="inactive2" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(2,11,'eBay')"><span>eBay</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active3" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(3,11,'images')"><span>image</span></a> \|</div> <div id="inactive3" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(3,11,'images')"><span>image</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active4" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(4,11,'videos')"><span>video</span></a> \|</div> <div id="inactive4" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(4,11,'videos')"><span>video</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active5" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(5,11,'Audio')"><span>audio</span></a> \|</div> <div id="inactive5" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(5,11,'Audio')"><span>audio</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active6" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(6,11,'news')"><span>news</span></a> \|</div> <div id="inactive6" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(6,11,'news')"><span>news</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active7" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(7,11,'sports')"><span>sports</span></a> \|</div> <div id="inactive7" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(7,11,'sports')"><span>sports</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active8" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(8,11,'Forum')"><span>forum</span></a> \|</div> <div id="inactive8" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(8,11,'Forum')"><span>forum</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active9" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(9,11,'Blog')"><span>blog</span></a> \|</div> <div id="inactive9" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(9,11,'Blog')"><span>blog</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active10" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(10,11,'Wiki')"><span>Wiki</span></a> \|</div> <div id="inactive10" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(10,11,'Wiki')"><span>Wiki</span></a></div></td> <td> </td> </tr></table></td></tr><tr><td> <table cellpadding="0" cellspacing="0" class="searchtable" border="0"><tr><td class="searchtdleft"> </td><td nowrap="nowrap" class="searchtdcenter" ><span class="searchfieldspan"><input type="hidden" id="type" name="type" value=""><input name="search" id="search" type="text" value="" style="width:450px;" class="searchfield" onchange="javascript:getkeyword()"></span> <input type="hidden" id="searchstatus" name="searchstatus" value="no"><span class="searchbuttonspan"><input type="submit" name="searchbutton" value="Search" class="searchbutton"></span></td><td class="searchtdright"> </td></tr></table> </td></tr></table></form><script type="text/javascript"> javascript:Determine(0,11,'web');</script>

Advertise with us \| Email your friend
Copyright © 2010 CheapBooks.com. All Rights Reserved.
Powered by Inoutscripts\| About Thumbshots thumbnails