Secondary (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="connectSearchSecondaryPortrait" id="connectSearchSecondaryPortrait" method="get">
  <input value="http://www.myinternet.com.au" name="Source" type="hidden" />
  <input value="secondary" name="audience" type="hidden" />
  <div style="background:url(http://www.education.vic.gov.au/images/template/connect/search/v1/sp_search_back.jpg) no-repeat; position:relative; width:200px; height:250px; margin:0 auto;">
    <div style="position:absolute; width:184px; height:69px; background:url(http://www.education.vic.gov.au/images/template/connect/search/v1/sp_header.jpg) no-repeat; top:7px; left:8px;"><span style="display:none;">Connect: Secondary Students</span></div>
    <div style="position:absolute; top:133px; 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/sp_search_field.jpg) no-repeat; border:solid 1px #333333; font-size:14pt; color:#000;" onkeypress="if (event &amp;&amp; event.keyCode == 13) { connectSearchSecondaryPortrait.submit(); } " /></div>
    <div style="position:absolute; top:162px; left:119px;"><input type="image" name="searchSubmit" alt="Search Secondary Connect" src="http://www.education.vic.gov.au/images/template/connect/search/v1/sp_search.jpg" /></div>
    <div style="position:absolute; top:213px; left:75px;"><input type="image" name="homeSubmit" alt="Visit Secondary Home Page" src="http://www.education.vic.gov.au/images/template/connect/search/v1/sp_home.jpg" /></div>
  </div>
</form>