Hi there!!!
I manage to do the following search while ago:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
form {
height: -2px;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
visibility: inherit;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script>
function activate(form){
if(form.tipo.value != '0'){
document.getElementById('idsubcat').disabled = false;
document.getElementById('cbviews').style.display = 'none';
document.getElementById('text').style.display = 'block';
document.getElementById('prices').style.display = 'none';
} else {
document.getElementById('idsubcat').disabled = true;
document.getElementById('txtview').disabled = true;
document.getElementById('txtview').style.display = 'block';
document.getElementById('cbviews').style.display = 'none';
document.getElementById('text').style.display = 'block';
document.getElementById('prices').style.display = 'none';
}
}
function activate2(form){
if(form.subcat.value !='0') {
document.getElementById('idbt1').disabled = false;
document.getElementById('txtview').disabled = false;
document.getElementById('text').style.display = 'block';
document.getElementById('prices').style.display = 'none';
document.getElementById('cbviews').style.display = 'none';
if(form.subcat.value == 'view') {
document.getElementById('cbviews').style.display = 'block';
document.getElementById('text').style.display = 'none';
document.getElementById('txtview').style.display = 'none';
document.getElementById('prices').style.display = 'none';
} else if(form.subcat.value == 'price') {
document.getElementById('prices').style.display = 'block';
document.getElementById('text').style.display = 'none';
document.getElementById('txtview').style.display = 'none';
document.getElementById('cbviews').style.display = 'none';
} else if(form.subcat.value !='price' && form.subcat.value !='view' && form.subcat.value=='rooms'){
document.getElementById('prices').style.display = 'none';
document.getElementById('text').style.display = 'block';
document.getElementById('txtview').style.display = 'block';
document.getElementById('cbviews').style.display = 'none';
form.search.value = '----- 0 -> 10 -----';
} else if(form.subcat.value !='price' && form.subcat.value !='view' && form.subcat.value!='rooms'){
document.getElementById('prices').style.display = 'none';
document.getElementById('text').style.display = 'block';
document.getElementById('txtview').style.display = 'block';
document.getElementById('cbviews').style.display = 'none';
form.search.value = '';
}
} else {
document.getElementById('txtview').disabled = true;
document.getElementById('idbt1').disabled = true;
document.getElementById('text').style.display = 'block';
document.getElementById('txtview').style.display = 'block';
document.getElementById('cbviews').style.display = 'none';
document.getElementById('prices').style.display = 'none';
}
}
function delete(form){
form.search.value = '';
}
function send(form)
{
form.action="newsearch.php?idioma=<? echo"$idioma"; ?>&tipo=<? echo"$tipo"; ?>&subcat=<? echo"$subcat"; ?>&views=<? echo"$views"; ?>&search=<? echo"$search"; ?>&min=<? echo"$min"; ?>&max=<? echo"$max"; ?>&ord=id&ord2=desc";
form.submit();
}
</script>
<form name='search' method='POST' action="newsearch.php?idiom=<? echo"$idiom"; ?>&ord=id&ord2=desc&typo=<? echo"$tipo"; ?>&subcat=<? echo"$subcat"; ?>&views=<? echo"$views"; ?>&search=<? echo"$search"; ?>&min=<? echo"$min"; ?>&max=<? echo"$max"; ?>&ord=id&ord2=desc">
<table width='100%' border='0' cellspacing='2' cellpadding='0'>
<tr>
<td width='40%' height="19" align='center' valign='middle'><? if($idiom) echo"<font face='arial' color='#ff0000' size='3'><b>SEARCH</font></a>"; ?></td>
<td width='20%' height="19"><select name='type' onchange='activate(this.form)'>
<option value='0'selected>Select</option>
<option value='Apartment'>Apartments</option>
<option value='Villa'>Villas</option>
</select></td>
<td width='10%' height="19"><select name='subcat' id='idsubcat' onchange='activate2(this.form)' style='WIDTH: 100px' disabled>
<option value='0' selected>Select</option>
<option value='referencia'>reference</option>
<option value='rooms'>Room/option>
<option value='county'>County</option>
<option value='city'>City</option>
<option value='state'>State</option>
<option value='view'>Views</option>
<option value='price'>Price</option>
</select></td>
<td width='6%' height="19"><table width='100%' border='0' cellspacing='0' cellpadding='0' id='text' style='display:block'>
<tr>
<td><input name='search' type='text' id='txtview' style='WIDTH: 100px' onFocus='delete(this.form)' size='10'></td>
</tr>
</table>
<table width='100%' border='0' cellspacing='0' cellpadding='0' id='cbviews' style='display:none'>
<tr>
<td><select name='views'>
<option value='0'selected="selected">Select</option>
<option value='Mar'>Sea View</option>
<option value='Cidade'>City</option>
</select></td>
</tr>
</table>
<table width='100%' border='0' cellspacing='2' cellpadding='0' id='prices' style='display:none'>
<tr>
<td><select name='min'>
<option value='0'selected="selected">Min:</option>
<option value='25000'>25000</option>
<option value='50000'>50000</option>
<option value='75000'>75000</option>
<option value='100000'>100000</option>
</select></td>
<td align='center' valign='middle'><font face='arial narrow' color='#000000' size='1'>Betweenn</font></td>
<td><select name='max'>
<option value='0'selected="selected">Max:</option>
<option value='25000'>25000</option>
<option value='50000'>50000</option>
<option value='75000'>75000</option>
<option value='100000'>100000</option>
</select></td>
</tr>
</table></td>
<td width='76%' height="19" align='left' valign='middle'><input type='image' src='images/sh.jpg' id='idbt1' disabled onclick='send(this.form)' style='border:none'></td>
</tr>
</table>
</form>
</body>
</html>
It is working fine, but I need more fields like the one in the attachment.
Conditions:
1 The user MUSTat least select field "BUSINESS" "TYPE" before submit.
2 The search can give results if the user selects or not any other fields.
3 I Have already lists of countres and their States with the cities. Is not shown at the next script due te lenght of it. But the FIELD "county" must be empty to the user enter the name of it. Of course it will save in database and next time that specific county it will appear.
I belive that you understand.
Unless ther out there any script that I can use.
thanks people. |
