IVolunteering.org on Your Site
Volunteer Group

IVolunteering.org on your website!

Below is the code allowing you to put the search forms for IVolunteering.org on your website. Now volunteers can find volunteer opportunities like yours from your own website! Simply cut and paste this code onto your website.

Which search form would you like?

Short form with white background  

Short form with transparent background  

Medium form with transparent background 

Medium form with white background 

Advanced form with white background 


Short Form - White


Postal Code
service area
  advanced search

in header:

<script type="text/JavaScript">
<!--

function runSearch2(){
zip = document.searchForm2.postalcode.value;
cat = document.searchForm2.category1.value;
if(cat == "" && zip == ""){
return;
}
document.searchForm2.submit();
}

//-->
</script>

 

in body:

<form name="searchForm3" method="post" action="http://www.iVolunteering.org/oppsrch.do">
<input type="hidden" name="method" value="processOppSearchTop">
<table width="300" border="0" cellpadding="0" cellspacing="5" style="font-size: 11px;" bgcolor="#FFFFFF">
<tr> <A HREF="http://www.ivolunteering.org"><img src= "http://www.ivolunteering.org/ivol/imgs/logo_ivol.gif" width="300" height="61" border="0"/></A> </tr>
<tr>
<td width="65" align="right">Postal Code</td>
<td><input style="width:180px;" type="text" name="postalcode" maxlength="5" /></td>
</tr>
<tr>
<td align="right">service area</td>
<td>
<SELECT id="category1" name="category1" style="width: 215px; //width:207px; z-index: 0;">
<option value="" selected>-- Select Categories --</option>
 <option value="Addiction and Recovery">Addiction and Recovery</option>
<option value="Administrative">Administrative</option>
<option value="Camp Counselor">Camp Counselor</option>
<option value="Children and Youth">Children and Youth</option>
<option value="Community Development">Community Development</option>
<option value="Computers and Technology">Computers and Technology</option>
<option value="Construction">Construction</option>
<option value="Disabilities Ministry">Disabilities Service</option>
<option value="Education and Literacy">Education and Literacy</option>
<option value="Emergency Services / Relief">Emergency Services / Relief</option>
<option value="Employment Training">Employment Training</option>
<option value="Food Ministry / Hunger">Food Service / Hunger</option>
<option value="Health and Medicine">Health and Medicine</option>
<option value="Homelessness and Housing">Homelessnessness and Housing</option>
<option value="Immigrants and Refugees">Immigrants and Refugees</option>
<option value="Justice and Legal">Justice and Legal</option>
<option value="Language Translation">Language Translation</option>
<option value="Mentoring">Mentoring</option>
<option value="Orphanage">Orphanage</option>
<option value="Prison Ministry">Prison Service</option>
<option value="Sports and Recreation">Sports and Recreation</option>
<option value="Teaching">Teaching</option>
<option value="Tutoring">Tutoring</option>
<option value="Visitation / Friendship">Visitation / Friendship</option>

</SELECT>

</td>
</tr>
<tr>
<td>&nbsp;</td>
<td> <input type="image" name="imageField" src="http://www.ivolunteering.org/imgs/search_arrow.gif" width="19" height="19" border="0" align="absmiddle" />
</td>
</tr>
</table>
</form>
 

Short form


 
Postal Code
service area
  advanced search

in header:

<script type="text/JavaScript">
<!--

function runSearch2(){
zip = document.searchForm2.postalcode.value;
cat = document.searchForm2.category1.value;
if(cat == "" && zip == ""){
return;
}
document.searchForm2.submit();
}

//-->
</script>

 

in body:

<form name="searchForm3" method="post" action="http://www.iVolunteering.org/oppsrch.do">
<input type="hidden" name="method" value="processOppSearchTop">
<table width="300" border="0" cellpadding="0" cellspacing="5" style="font-size: 11px;" bgcolor="#FFFFFF">
<tr> <A HREF="http://www.ivolunteering.org"><img border="0" src="http://www.ivolunteering.org/ivol/imgs/logo_ivol.gif" width="288" height="58"></A> </tr>
<tr>
<td width="65" align="right">Postal Code</td>
<td><input style="width:180px;" type="text" name="postalcode" maxlength="5" /></td>
</tr>
<tr>
<td align="right">service area</td>
<td>
<SELECT id="category1" name="category1" style="width: 215px; //width:207px; z-index: 0;">
<option value="" selected>-- Select Categories --</option>
 <option value="Addiction and Recovery">Addiction and Recovery</option>
<option value="Administrative">Administrative</option>
<option value="Camp Counselor">Camp Counselor</option>
<option value="Children and Youth">Children and Youth</option>
<option value="Community Development">Community Development</option>
<option value="Computers and Technology">Computers and Technology</option>
<option value="Construction">Construction</option>
<option value="Disabilities Ministry">Disabilities Service</option>
<option value="Education and Literacy">Education and Literacy</option>
<option value="Emergency Services / Relief">Emergency Services / Relief</option>
<option value="Employment Training">Employment Training</option>
<option value="Food Ministry / Hunger">Food Service / Hunger</option>
<option value="Health and Medicine">Health and Medicine</option>
<option value="Homelessness and Housing">Homelessnessness and Housing</option>
<option value="Immigrants and Refugees">Immigrants and Refugees</option>
<option value="Justice and Legal">Justice and Legal</option>
<option value="Language Translation">Language Translation</option>
<option value="Mentoring">Mentoring</option>
<option value="Orphanage">Orphanage</option>
<option value="Prison Ministry">Prison Service</option>
<option value="Sports and Recreation">Sports and Recreation</option>
<option value="Teaching">Teaching</option>
<option value="Tutoring">Tutoring</option>
<option value="Visitation / Friendship">Visitation / Friendship</option>

</SELECT>

</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>

<input type="image" name="imageField" src="http://www.ivolunteering.org/imgs/search_arrow.gif" width="19" height="19" border="0" align="absmiddle" />
</td>
</tr>
</table>
</form>
 

Medium Form


Postal Code Distance
Service
Area
 
in header:
<script type="text/JavaScript">
<!--

function runSearch2(){
zip = document.searchForm2.postalcode.value;
cat = document.searchForm2.category1.value;
if(cat == "" && zip == ""){
return;
}
document.searchForm2.submit();
}

//-->
</script>
in body:
<form id="homesearch" method="post" action="http://www.iVolunteering.org/oppsrch.do">
<input type="hidden" name="method" value="processOppSearchTop">
<table width="300" border="0" cellpadding="0" cellspacing="5" style="font-size: 12px;" height="97" id="table3">
<!-- MSTableType="layout" -->
<tr>
<A HREF="http://www.ivolunteering.org"><img src= "http://www.ivolunteering.org/ivol/imgs/logo_ivol.gif" width="400" height="81" border="0"/> </A> </tr>
<tr>
<td align="right"><strong>Postal Code</strong></td>
<td width="71"><input name="postalcode" type="text" id="postalcode" style="width:60px;" /></td>
<td width="55"><strong>Distance</strong></td>
<td height="22" width="94"><select id="distance" name="distance" style="width:80px; z-index: -1">
<option value="5 miles (8K)">5 miles (8K)</option>
<option value="20 miles (32K)">20 miles (32K)</option>
<option value="City" selected="selected">City</option>
<option value="Region">Region</option>
<option value="Country">Country</option>
<option value="Virtual">Virtual</option>
</select></td>
</tr>
<tr>
<td align="right"><strong>Service<br />
Area</strong></td>
<td colspan="3" height="30">

<SELECT id="category1" name="category1" style="width: 215px; //width:207px; z-index: 0;">
<option value="" selected>-- Select Categories --</option>
 <option value="Addiction and Recovery">Addiction and Recovery</option>
<option value="Administrative">Administrative</option>
<option value="Camp Counselor">Camp Counselor</option>
<option value="Children and Youth">Children and Youth</option>
<option value="Community Development">Community Development</option>
<option value="Computers and Technology">Computers and Technology</option>
<option value="Construction">Construction</option>
<option value="Disabilities Ministry">Disabilities Service</option>
<option value="Education and Literacy">Education and Literacy</option>
<option value="Emergency Services / Relief">Emergency Services / Relief</option>
<option value="Employment Training">Employment Training</option>
<option value="Food Ministry / Hunger">Food Service / Hunger</option>
<option value="Health and Medicine">Health and Medicine</option>
<option value="Homelessness and Housing">Homelessnessness and Housing</option>
<option value="Immigrants and Refugees">Immigrants and Refugees</option>
<option value="Justice and Legal">Justice and Legal</option>
<option value="Language Translation">Language Translation</option>
<option value="Mentoring">Mentoring</option>
<option value="Orphanage">Orphanage</option>
<option value="Prison Ministry">Prison Service</option>
<option value="Sports and Recreation">Sports and Recreation</option>
<option value="Teaching">Teaching</option>
<option value="Tutoring">Tutoring</option>
<option value="Visitation / Friendship">Visitation / Friendship</option>

</SELECT></td>
</tr>
<tr>
<td width="55">&nbsp;</td>
<td colspan="3" height="25"> <input type="image" name="imageField" src="http://www.ivolunteering.org/imgs/button_search_clr.gif" border="0" width="65" height="26" />
</a></td>
</tr>
</table>
</form>

 

Medium Form - White


Postal Code Distance
Service
Area
 

in header:

<script type="text/JavaScript">
<!--

function runSearch2(){
zip = document.searchForm2.postalcode.value;
cat = document.searchForm2.category1.value;
if(cat == "" && zip == ""){
return;
}
document.searchForm2.submit();
}

//-->
</script>

 in body :

<form id="homesearch" method="post" action="http://www.iVolunteering.org/oppsrch.do">
<input type="hidden" name="method" value="processOppSearchTop">
<table width="300" cellpadding="0" cellspacing="0" style="font-size: 12px;" height="97" id="table3" bgcolor="#FFFFFF" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF">
<!-- MSTableType="layout" -->
<tr> <A HREF="http://www.ivolunteering.org"><img src= "http://www.ivolunteering.org/ivol/imgs/logo_ivol.gif" width="400" height="81" border="0"/></A> </tr>
<tr>
<td align="right"><strong>Postal Code</strong></td>
<td width="78"><input name="postalcode" type="text" id="postalcode" style="width:60px;" /></td>
<td width="60"><strong>Distance</strong></td>
<td height="26" width="103"><select id="distance" name="distance" style="width:80px; z-index: -1">
<option value="5 miles (8K)">5 miles (8K)</option>
<option value="20 miles (32K)" selected="selected">20 miles (32K)</option>
<option value="City" selected="selected">City</option>
<option value="Region">Region</option>
<option value="Country">Country</option>
<option value="Virtual">Virtual</option>
</select></td>
</tr>
<tr>
<td align="right"><strong>Service<br />
Area</strong></td>
<td colspan="3" height="36">

<SELECT id="category1" name="category1" style="width: 215px; //width:207px; z-index: 0;">
<option value="" selected>-- Select Categories --</option>
 <option value="Addiction and Recovery">Addiction and Recovery</option>
<option value="Administrative">Administrative</option>
<option value="Camp Counselor">Camp Counselor</option>
<option value="Children and Youth">Children and Youth</option>
<option value="Community Development">Community Development</option>
<option value="Computers and Technology">Computers and Technology</option>
<option value="Construction">Construction</option>
<option value="Disabilities Ministry">Disabilities Service</option>
<option value="Education and Literacy">Education and Literacy</option>
<option value="Emergency Services / Relief">Emergency Services / Relief</option>
<option value="Employment Training">Employment Training</option>
<option value="Food Ministry / Hunger">Food Service / Hunger</option>
<option value="Health and Medicine">Health and Medicine</option>
<option value="Homelessness and Housing">Homelessnessness and Housing</option>
<option value="Immigrants and Refugees">Immigrants and Refugees</option>
<option value="Justice and Legal">Justice and Legal</option>
<option value="Language Translation">Language Translation</option>
<option value="Mentoring">Mentoring</option>
<option value="Orphanage">Orphanage</option>
<option value="Prison Ministry">Prison Service</option>
<option value="Sports and Recreation">Sports and Recreation</option>
<option value="Teaching">Teaching</option>
<option value="Tutoring">Tutoring</option>
<option value="Visitation / Friendship">Visitation / Friendship</option>

</SELECT></td>
</tr>
<tr>
<td width="59">&nbsp;</td>
<td colspan="3" height="35"> <input type="image" name="imageField" src="http://www.ivolunteering.org/imgs/button_search_clr.gif" border="0" width="65" height="26" />
</a></td>
</tr>
</table>
</form>