* Please Note:   The Javascript Code below is performing a Fulltext Search on all PowerSearchable Databases in your Electronic Collection

1. JavaScript Code

<script language="javascript">
function quickSearch()  {
var locid = "dough";
var keyword = window.document.myForm.keyword;
var keyLen =  window.document.myForm.keyword.value.length;
var url = "http://find.galegroup.com/ips/infomark.do?prodId=IPS&subjectParam=Locale(en,US,):FQE=(SU," + keyLen + ")"
  + keyword.value + "$&type=search&tabID=T003&subjectAction=DISPLAY_SUBJECTS&prodId=IPS&userGroupName="+ locid +"&version=1.0&sgHitCountType=None&searchType=BasicSearchForm&queryId=Locale(en,US,):FQE=(KE,"
  + keyLen + ")" + keyword.value + ":And:LQE=(AC,None,8)fulltext$&source=library";
// alert(url);
window.open(url);
}
</script>

Change to your Location ID or User Group Name (Text in Red)

In the above examples "dough" represents the Location_id or UserGroupName. Location_id and userGroupName are interchangeable.

http://infotrac.galegroup.com/itweb/dough

http://find.galegroup.com/menu/start?userGroupName=dough

2. (a) Simple HTML code to create a html search form

 <form  onSubmit="return quickSearch()"  name="myForm" >
 <input type="text" name="keyword" value="" size="150" >  <input class="button2" type="submit" value="go"   alt="submit" >
 </form>

2. (b) HTML, CSS, & images to create more advanced rounded search box form

html markup for rounded box and search form

<div class="PowerSearch">

	 <span class="PowerSearch_Top"></span>
	  <span class="PowerSearch_Middle">

	      <form method="get" name="myForm" onSubmit = "quickSearch()" style="margin:0;padding:0;line-height:0;">
	         <input id="search_field" type="text" name="keyword" value="Enter your search term" onFocus="clearText(this)" size="25" maxlength="256" />
	         <a rel = "External Link" href=javascript:popUpFAQ('powersearch.html')>What is PowerSearch?</a> <input id="search" type="submit" name="submit" value="" />
	     </form>

	</span>
	<span class="PowerSearch_Bottom"></span>

  </div>

Style Sheet for above html markup

 .PowerSearch {

 font-size: 9px;
 width: 195px;
 margin: 15px 0 0 0px;
 padding:  0 0 0 0;

 }

div.PowerSearch p {

font: 10px geneva, verdana, arial, sans-serif; font-weight: 500;
color: #000;
background-color: #FFFFCC;
padding: 0px 0px 0px 0px;
line-height: 13px;
text-align: left;
margin: 0px 10px 0px 0px;
border: 0;

}


div.PowerSearch ul {
     			        font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: 500;
     	                color: #000;
     	                line-height: 12px;
     			        list-style:none;
     			        padding:5px 0px 5px 3px ;
     			        margin:0px 0px 0px 5px;
     		            }
div.PowerSearch ul li {
     			           list-style:none;
     			           display:list-item;
     			           text-align: left;
     			           margin: 0px 0px 0px 0px;
     			           padding: 0px 0px 0px 0px;

    		               }
.PowerSearch_Top {
                    display: block; width: 195px;
                    height: 33px; background: url("picts/searchbox-top.gif") no-repeat top left;
                    }

.PowerSearch_Top_bio {
                         display: block; width: 195px;
                         height: 33px; background: url("picts/searchbox-top-bio.gif") no-repeat top left;
                         }


.PowerSearch_Top_wo {
                       display: block; width: 195px;
                       height: 19px; background: url("picts/searchbox-top-wo.gif") no-repeat top left;
                       }


.PowerSearch_Middle {
                       display: block; background: url("picts/searchbox-bkgrnd.gif") repeat-y top left;
                       width: 195px; margin: 0; padding: 0;
                       }
.PowerSearch_Bottom {
                       display: block; width: 195px;
                       height: 10px;
                       background: url("picts/searchbox-btm.gif") no-repeat top left;
                       }

Images for search box