$(function() { $(".imp_thumb").bind("click", function() { var nsrc = $(this).attr("id"); $("#imp_big").attr("src", "http://www.oudijmuiden.nl/images/" + nsrc + ".jpg"); }); $("#koop_huur").bind("change", function() { x_search('koop_huur'); }); $("#min_prijs").bind("change", function() { x_search('min_prijs'); }); $("#max_prijs").bind("change", function() { x_search('max_prijs'); }); $("#woning_type").bind("change", function() { x_search('woning_type'); }); $("#buiten_ruimte").bind("change", function() { x_search('buiten_ruimte'); }); $("#min_meters").bind("change", function() { x_search('min_meters'); }); $("#max_meters").bind("change", function() { x_search('max_meters'); }); $("#min_kamers").bind("change", function() { x_search('min_kamers'); }); $("#max_kamers").bind("change", function() { x_search('max_kamers'); }); }); function zoek() { $("#woningzoeker_form").submit(); } function x_search(changed_id) { var koop_huur = $("#koop_huur option:selected").attr("value"); var min_prijs = $("#min_prijs option:selected").attr("value"); var max_prijs = $("#max_prijs option:selected").attr("value"); var woning_type = $("#woning_type option:selected").attr("value"); var buiten_ruimte = $("#buiten_ruimte option:selected").attr("value"); var min_meters = $("#min_meters option:selected").attr("value"); var max_meters = $("#max_meters option:selected").attr("value"); var min_kamers = $("#min_kamers option:selected").attr("value"); var max_kamers = $("#max_kamers option:selected").attr("value"); $.ajax({ type: "POST", url: "http://www.oudijmuiden.nl/json", dataType: "json", data: { 'action' : 'get_x_options', 'changed_id' : changed_id, 'koop_huur' : koop_huur, 'min_prijs' : min_prijs, 'max_prijs' : max_prijs, 'woning_type' : woning_type, 'buiten_ruimte' : buiten_ruimte, 'min_meters' : min_meters, 'max_meters' : max_meters, 'min_kamers' : min_kamers, 'max_kamers' : max_kamers }, success: function(json) { for(var update_id in json.html) { $(update_id).html(json.html[update_id]); } }, error: function (XMLHttpRequest, textStatus, errorThrown) { // failed // alert(errorThrown); } }); }