Trogy Search - 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://www.trogy.com/") { 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://www.trogy.com/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://www.trogy.com/" id="homepath" alt="Trogy Search Home" title="Trogy Search Home"> <img src="http://www.trogy.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,9,'web')"><span>web</span></a> \|</div> <div id="inactive0" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(0,9,'web')"><span>web</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active1" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(1,9,'images')"><span>image</span></a> \|</div> <div id="inactive1" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(1,9,'images')"><span>image</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active2" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(2,9,'Audio')"><span>audio</span></a> \|</div> <div id="inactive2" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(2,9,'Audio')"><span>audio</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active3" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(3,9,'videos')"><span>video</span></a> \|</div> <div id="inactive3" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(3,9,'videos')"><span>video</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active4" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(4,9,'news')"><span>news</span></a> \|</div> <div id="inactive4" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(4,9,'news')"><span>news</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active5" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(5,9,'Forum')"><span>forum</span></a> \|</div> <div id="inactive5" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(5,9,'Forum')"><span>forum</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active6" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(6,9,'Blog')"><span>blog</span></a> \|</div> <div id="inactive6" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(6,9,'Blog')"><span>blog</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active7" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(7,9,'Wiki')"><span>Wiki</span></a> \|</div> <div id="inactive7" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(7,9,'Wiki')"><span>Wiki</span></a></div></td> <td nowrap="nowrap" width="1%" ><div id="active8" class="activetabcenter">\| <a class="activetablink" href="javascript:Determine(8,9,'PDF')"><span>PDF</span></a> \|</div> <div id="inactive8" class="inactivetabcenter"><a class="inactivetablink" href="javascript:Determine(8,9,'PDF')"><span>PDF</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,9,'web');</script>

Advertise with us \| Email your friend \| Add Search to Your Site
Copyright © 2012 Trogy Search. All Rights Reserved.