Home 
Link to Us Medium Property Search Form
Medium Property Search Form
To add this property search form to your website simply copy and paste the form code below to provide your visitors with a Look4aProperty.com sales and rental property search feature. If you have any questions regairding the use of this form, please contact our technical team vis the Look4aProperty.com Blog site.
Please note, the following form is 451 x 152 pixels in size.
HTML:
<form id="midiL4AP" method="get" action="http://www.look4aproperty.com/results.asp" name="midiL4AP">
<ul id="L4APtabs">
<li id="L4APpropTab" class="selected">
<a href="#" onclick="L4APFormToggle('prop','agent');return false;">Property Search</a>
</li>
<li id="L4APagentTab">
<a href="#" onclick="L4APFormToggle('agent','prop');return false;">Agent Search</a>
</li>
</ul>
<fieldset id="L4APprops">
<table>
<tr>
<td>
Are you looking...<br>
<input name="s" id="l4ap_s_1" type="radio" value="1" onclick="document.getElementById('L4AP_spt_0').name='spt_tmp';document.getElementById('L4AP_spt_1').name='spt';document.getElementById('L4AP_spt_0').style.display='none';document.getElementById('L4AP_spt_1').style.display='inline';" checked="checked">
<label for="l4ap_s_1">To Buy</label>
<input name="s" id="l4ap_s_0" type="radio" value="0" onclick="document.getElementById('L4AP_spt_0').name='spt';document.getElementById('L4AP_spt_1').name='spt_tmp';document.getElementById('L4AP_spt_0').style.display='inline';document.getElementById('L4AP_spt_1').style.display='none';">
<label for="l4ap_s_0">To Rent</label>
</td>
<td>
Minimum bed
<select name="sb" id="l4ap_sb">
<option value="0">no minimum/studio</option>
<option value="1">1 bedroom</option>
<option value="2">2 bedrooms</option>
<option value="3">3 bedrooms</option>
<option value="4">4 bedrooms</option>
<option value="5">5 bedrooms</option>
<option value="6">6 bedrooms or more</option>
</select>
</td>
</tr>
<tr>
<td>
Maximum price
<select name="spt" id="L4AP_spt_1">
<option value="" selected="selected">no maximum</option>
<option value="50000">£50,000</option>
<option value="60000">£60,000</option>
<option value="70000">£70,000</option>
<option value="80000">£80,000</option>
<option value="90000">£90,000</option>
<option value="100000">£100,000</option>
<option value="125000">£125,000</option>
<option value="150000">£150,000</option>
<option value="175000">£175,000</option>
<option value="200000">£200,000</option>
<option value="225000">£225,000</option>
<option value="250000">£250,000</option>
<option value="300000">£300,000</option>
<option value="350000">£350,000</option>
<option value="400000">£400,000</option>
<option value="450000">£450,000</option>
<option value="500000">£500,000</option>
<option value="600000">£600,000</option>
<option value="700000">£700,000</option>
<option value="800000">£800,000</option>
<option value="900000">£900,000</option>
<option value="1000000">£1,000,000</option>
<option value="1250000">£1,250,000</option>
<option value="1500000">£1,500,000</option>
<option value="1750000">£1,750,000</option>
<option value="2000000">£2,000,000</option>
<option value="2250000">£2,250,000</option>
<option value="2500000">£2,500,000</option>
<option value="2700000">£2,750,000</option>
<option value="3000000">£3,000,000</option>
<option value="">no maximum</option>
</select>
<select name="spt_tmp" id="L4AP_spt_0" class="c1">
<option value="" selected="selected">no maximum</option>
<option value="600">£50 per month</option>
<option value="1200">£100 per month</option>
<option value="1800">£150 per month</option>
<option value="2400">£200 per month</option>
<option value="3000">£250 per month</option>
<option value="3600">£300 per month</option>
<option value="4200">£350 per month</option>
<option value="4800">£400 per month</option>
<option value="5400">£450 per month</option>
<option value="6000">£500 per month</option>
<option value="7200">£600 per month</option>
<option value="8400">£700 per month</option>
<option value="9600">£800 per month</option>
<option value="10800">£900 per month</option>
<option value="12000">£1,000 per month</option>
<option value="14400">£1,200 per month</option>
<option value="16800">£1,400 per month</option>
<option value="19200">£1,600 per month</option>
<option value="21600">£1,800 per month</option>
<option value="24000">£2,000 per month</option>
<option value="30000">£2,500 per month</option>
<option value="36000">£3,000 per month</option>
<option value="42000">£3,500 per month</option>
<option value="48000">£4,000 per month</option>
<option value="54000">£4,500 per month</option>
<option value="60000">£5,000 per month</option>
<option value="72000">£6,000 per month</option>
<option value="84000">£7,000 per month</option>
<option value="96000">£8,000 per month</option>
<option value="108000">£9,000 per month</option>
<option value="120000">£10,000 per month</option>
<option value="">no maximum</option>
</select>
</td>
<td>
In location <input name="sl" id="l4ap_sl_p" type="text" value="">
</td>
</tr>
<tr>
<td><a href="http://www.look4aproperty.com"><img src="http://www.look4aproperty.com/images/midiformlogo.png"/></a></td>
<td>
<p>
<input type="submit" value="Look4aProperty">
</p>
</td>
</tr>
</table>
</fieldset>
<fieldset id="L4APagents">
<table>
<tr>
<td>
Are you after...
<select name="sct" id="l4ap_sct">
<option value="0">sales & lettings</option>
<option value="1">sales</option>
<option value="2">lettings</option>
</select>
</td>
<td>
In location <input name="sl" id="l4ap_sl_a" type="text" size="24" value="" disabled="disabled">
</td>
</tr>
<tr>
<td>
Named <input name="sc" id="l4ap_sc" type="text" size="24" value="">
</td>
<td></td>
</tr>
<tr>
<td><a href="http://www.look4aproperty.com"><img src="http://www.look4aproperty.com/images/midiformlogo.png"/></a></td>
<td>
<p>
<input type="submit" value="Find Estate Agents">
</p>
</td>
</tr>
</table>
</fieldset>
</form>
CSS:
form#midiL4AP, form#miniL4AP * { margin: 0; padding: 0; width: auto; background: none;}
form#midiL4AP { font-family: Tahoma; background: #fff; white-space: nowrap; width: 451px; height: 152px;}
form#midiL4AP fieldset { border: 1px solid #6D7482; width: 481px; background: transparent; width: 474px; height: 126px; height: 120px; padding: 0 0 4px 15px; display: block;}
form#midiL4AP, form#miniL4AP select { font-size: 12px; }
form#midiL4AP label {cursor: pointer;}
form#midiL4AP dt { margin-top: 6px;}
form#midiL4AP dd { margin-top: 2px;}
form#midiL4AP #radios { margin-left: -2px; font-weight: bold;}
form#midiL4AP input.text { width: 80px; border: 1px solid #6e93b6;}
form#midiL4AP p input { margin: 11px 2px -2px -2px; background: #e70000; color: #fff; border: 1px solid #000; cursor: pointer; font-size: 10px; font-weight: bold;}
form#midiL4AP fieldset#L4APprops {display: block;}
form#midiL4AP fieldset#L4APagents {display: none;}
form#midiL4AP fieldset table { width: 480px; height: 80px; border-collapse: collapse; table-layout: fixed}
form#midiL4AP fieldset td { width: 50%; vertical-align: middle; white-space: nowrap;}
form#midiL4AP ul#L4APtabs { height:1.85em;margin: 0;padding: 0 ;}
form#midiL4AP ul#L4APtabs li { float: left; display: inline; background: #6C7584 url(http://www.look4aproperty.com/images/tabcorner.gif) 0 0 no-repeat; font-weight: bold; margin-right: 4px;}
form#midiL4AP ul#L4APtabs li.selected { background: #E40000 url(http://www.look4aproperty.com/images/tabcorner2.gif) 0 0 no-repeat;}
form#midiL4AP ul#L4APtabs li a { display: block; width: 1%; padding: 4px 16px 4px 18px; color: #fff; text-align: left; text-decoration: none; white-space: nowrap;}
Javascript:
function L4APFormToggle(sOn,sOff) {
document.getElementById('L4AP'+sOn+'Tab').className = 'selected';
document.getElementById('L4AP'+sOff+'Tab').className = '';
document.getElementById('L4AP'+sOn+'s').style.display='block';
document.getElementById('L4AP'+sOff+'s').style.display='none';
if (sOn == 'prop') {
document.getElementById('midiL4AP').action = 'http://www.look4aproperty.com/results.asp';
document.getElementById('l4ap_sl_p').disabled = false;
document.getElementById('l4ap_sl_a').disabled = true;
} else if (sOn == 'agent') {
document.getElementById('midiL4AP').action = 'http://www.look4aproperty.com/agent-results.asp';
document.getElementById('l4ap_sl_p').disabled = true;
document.getElementById('l4ap_sl_a').disabled = false;
}
}
Images (right click, "Save Image/Picture as")
- Tab Corner 1:
- Tab Corner 2:
- L4AP Logo:
