Kidspot New Zealand.. Search Box - Kidspot New Zealand..

Use the following code to implement the search box on your site:

Vertical

#KidspotSearch {
	background-color: #63BB1B;
	width: 200px;
	padding: 10px;
}

#KidspotSearchForm {
	background-color: #63BB1B;
	padding: 10px;
}

#KidspotSearch .textbox125 {
	width:155px;
	font-size: 11px;
}

</select>
<br /><br />
<strong>Category</strong>
<select class="textbox125" name='numCategory_ID' onChange="setDynaList(arrDL1);" id='Category,1'>
<option value=''>--Select category--</option>
<option value="2427">Art, Craft and Stationery</option>
<option value="1600">Baby & Kids Equipment</option>
<option value="1200">Baby Hire Equipment & Toys</option>
<option value="100">Birthday Parties</option>
<option value="2200">Books, Music & DVDs</option>
<option value="200">Childcare & Nannies </option>
<option value="300">Classes, Lessons & Activities</option>
<option value="400">Clothing & Accessories</option>
<option value="500">Education & Learning</option>
<option value="1302">Extra Income & Training</option>
<option value="700">Family Activities & Fun</option>
<option value="2407">Hair, Skin & Body</option>
<option value="2433">Financial & Insurance Services</option>
<option value="900">Furniture & Kids Interiors</option>
<option value="800">Fundraising</option>
<option value="1100">Health</option>
<option value="1000">Gift Ideas</option>
<option value="2402">Local Shops</option>
<option value="2401">Nappies & Toilet Training</option>
<option value="1400">Personalised Products</option>
<option value="1500">Photographers & Photo Products</option>
<option value="1300">Pregnancy & New Parents</option>
<option value="1700">School Holidays</option>
<option value="2422">School Supplies</option>
<option value="1800">Second Hand, Pre Loved</option>
<option value="1900">Sports</option>
<option value="2000">Toys</option>

</select>

<br /><br /><strong>Sub-Category</strong>
<select class="textbox125" name='numCategory_ID_Sub' id='Sub-Category'>
<option value=''>--Select a category--</option>
</select>
<script language="JavaScript">
	arrDL1[2] = "frmSearch";	//name this field after the form name of the parent category dropdown 
	arrDL1[4] = "frmSearch";	//name this field after the form name of the sub category dropdown
	setDynaList(arrDL1);
</script>
<p><input type="image" src="http://www.kidspot.co.nz/images/but_search_kidspot_newzealand.gif"  align='right' width="68" height="19" border="0" /><br /></p>
</div>
Visit us at <a href='http://www.kidspot.co.nz/' target='_blank'>Kidspot.co.nz</a>
</td>
</tr>
</form>
</table>
</div>

Horizontal

example

#KidspotSearch {
	background-color: #63BB1B;
	width: 325px;
	padding: 10px;
}

#KidspotSearchForm {
	background-color: #63BB1B;
	padding: 10px;
}

#KidspotSearch .textbox125 {
	width:135px;
	font-size: 11px;
}

</style>
<div id="KidspotSearch"> 
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<form name='frmSearch' action='http://www.kidspot.co.nz/search-kidspot.asp' method='post'>
<input type='hidden' name='cmdSearch' value='true'>
<tr> 
<td valign="top"> 
<p><img src="http://www.kidspot.co.nz/images/hd_kidspot_newzealand_hor.gif" align="left" hspace='8'>New Zealand's spot for kids' activities, sports, and stuff<Br /></p>
<div id="KidspotSearchForm">
<table cellspacing='0' cellpadding='0' border='0'>
<tr>
<td valign='top' width='50%'>
<strong>Category</strong>
<select class="textbox125" name='numCategory_ID' onChange="setDynaList(arrDL1);" id='Category,1'>
<option value=''>--Select category--</option>
<option value="2427">Art, Craft and Stationery</option>
<option value="1600">Baby & Kids Equipment</option>
<option value="1200">Baby Hire Equipment & Toys</option>
<option value="100">Birthday Parties</option>
<option value="2200">Books, Music & DVDs</option>
<option value="200">Childcare & Nannies </option>
<option value="300">Classes, Lessons & Activities</option>
<option value="400">Clothing & Accessories</option>
<option value="500">Education & Learning</option>
<option value="1302">Extra Income & Training</option>
<option value="700">Family Activities & Fun</option>
<option value="2407">Hair, Skin & Body</option>
<option value="2433">Financial & Insurance Services</option>
<option value="900">Furniture & Kids Interiors</option>
<option value="800">Fundraising</option>
<option value="1100">Health</option>
<option value="1000">Gift Ideas</option>
<option value="2402">Local Shops</option>
<option value="2401">Nappies & Toilet Training</option>
<option value="1400">Personalised Products</option>
<option value="1500">Photographers & Photo Products</option>
<option value="1300">Pregnancy & New Parents</option>
<option value="1700">School Holidays</option>
<option value="2422">School Supplies</option>
<option value="1800">Second Hand, Pre Loved</option>
<option value="1900">Sports</option>
<option value="2000">Toys</option>

</select>
<br /><br />
</td>
<td valign='top' width='50%'>
<strong>Location</strong>
<select class="textbox125" name='numLocation_ID' id='Location,1'>
<option value=''>--Select location--</option>
<option value="30">Auckland</option>
<option value="74">Bay of Plenty</option>
<option value="50">Christchurch</option>
<option value="70">Dunedin</option>
<option value="60">Nelson/Marlborough</option>
<option value="77">Northland</option>
<option value="73">Queenstown</option>
<option value="40">Wellington</option>
<option value="72">Waikato</option>

</select>
</td>
</tr>
<tr>
<td valign='top' width='50%'>
<strong>Sub-Category</strong>
<select class="textbox125" name='numCategory_ID_Sub' id='Sub-Category'>
<option value=''>--Select a category--</option>
</select>
</td>
<td width='50%' valign='bottom'>
<script language="JavaScript">
	arrDL1[2] = "frmSearch";	//name this field after the form name of the parent category dropdown 
	arrDL1[4] = "frmSearch";	//name this field after the form name of the sub category dropdown
	setDynaList(arrDL1);
</script>
<p><input type="image" align="right" src="http://www.kidspot.co.nz/images/but_search_kidspot_newzealand.gif" width="68" height="19" border="0" /><br /></p>
</td></tr></table>
</div>
Visit us at <a href='http://www.kidspot.co.nz/' target='_blank'>Kidspot.co.nz</a>
</td>
</tr>
</form>
</table>
</div>

Place this JavaScript file in the same directory as the page where you put the search box:

dropdown.js

If you encounter any problems in using these search boxes, please give us a call at 0800 543 776.

Email this site to a friend

KidSpot-2

Vertical

Horizontal