<form>
<div style="font-family:tahoma;">
Rechercher par<br>
<a href="" onclick="Filter(0); return false;">email</a>
<a href="" onclick="Filter(1); return false;">Téléphone</a>
<a href="" onclick="Filter(2); return false;">Ville</a>
<br /><br />
<div id="askemail" style="display:block;">
   Email: <input type="text" name="email">
</div>
<div id="askphone" style="display:none;">
   Téléphone: (<input type="text" name="phone1" size=3 maxlenght=3>) <input type="text" name="phone2" size=3 maxlenght=3>-<input type="text" name="phone3" size=4 maxlenght=4>
</div>
<div id="askcity" style="display:none;">
   Ville: <Select>
      <Option Value="0">Toutes les villes</Option>
      <Option Value="1">Beauport</Option>
      <Option Value="2">Charlesbourg</Option>
      <Option Value="3">Loretteville</Option>
      <Option Value="4">Sainte-Foy</Option>
      <Option Value="5">Sillery</Option>
      <Option Value="6">Vanier</Option>
   </Select>
</div>
<br /><br />
<input type="submit" value="Go!">
</form>

<Script>
function Filter(x)
{
   //i = Box name, i+1 = Display type
   //Se souvenir que les array commencent à l'indice 0 en javascript
   var searcheboxes = Array("askemail", "none", "askphone", "none", "askcity", "none");

   searcheboxes[x*2+1] = "block";

   for (i=0; i < searcheboxes.length; i+=2)
   {
      document.getElementById(searcheboxes[i]).style.display = searcheboxes[i+1];
   }

}
</Script>