Primary (Portrait) Search Panel

How to use the Search Panel Source Code

For extended details on getting a Search Panel to run on your site, as well as a preview of the different styles available, visit the home for the Connect Search Panels.

Getting a Connect Search Panel set up on your site is easy - just follow these simple steps:

1. Copy the Source Code below into your own site from the code presented on the page below
2. Look at the HTML code for the following line:
   <input value="http://www.myinternet.com.au" name="Source" type="hidden" />
   Replace the http://www.myinternet.com.au with the web address of your school.
3. Save your changes to your site, and take a look in your favourite web browser to see your newly created Search Panel

 

Source Code

<form action="http://www.education.vic.gov.au/connect/landing.asp" name="connectSearchPrimaryPortrait" id="connectSearchPrimaryPortrait" method="get">
  <input value="http://www.myinternet.com.au" name="Source" type="hidden" />
  <input value="primary" name="audience" type="hidden" />
  <div style="background:url(http://www.education.vic.gov.au/images/template/connect/search/v1/pp_search_back.jpg) no-repeat; position:relative; width:200px; height:250px; margin:0 auto;">
    <div style="position:absolute; width:186px; height:73px; background:url(http://www.education.vic.gov.au/images/template/connect/search/v1/pp_header.jpg) no-repeat; top:8px; left:6px;"><span style="display:none;">Connect: Primary Students</span></div>
    <div style="position:absolute; top:134px; left:7px;"><input title="Search Field" name="search-clause" style="padding:0; margin:0; width:184px; height:23px; background:url(http://www.education.vic.gov.au/images/template/connect/search/v1/pp_search_field.jpg) no-repeat; border:solid 1px #34869b; font-size:14pt; color:#06495a;" onkeypress="if (event &amp;&amp; event.keyCode == 13) { connectSearchPrimaryPortrait.submit(); } " /></div>
    <div style="position:absolute; top:165px; left:132px;"><input type="image" name="searchSubmit" alt="Search Primary Connect" src="http://www.education.vic.gov.au/images/template/connect/search/v1/pp_search.jpg" /></div>
    <div style="position:absolute; top:212px; left:80px;"><input type="image" name="homeSubmit" alt="Visit Primary Home Page" src="http://www.education.vic.gov.au/images/template/connect/search/v1/pp_home.jpg" /></div>
  </div>
</form>