var sliderPriceRentGen = false; var sliderAreaGen = false; var sliderSubmit = true; var default_thumbs_pos = "0,400"; var default_price_range = "1-"; var default_price_desc = "1�U - 3000�U�H�W"; var default_rent_range = "1-"; var default_rent_desc = "1 - 200000�H�W"; var default_area_range = "1-" var default_area_desc = "1�` - 5000�`�H�W"; function search_bar_init() { setCount('dist_hk', 'distIdHKCnt'); setCount('dist_kn', 'distIdKNCnt'); setCount('dist_nt', 'distIdNTCnt'); setCountSubGroup('fac', 'facSubGrpIdCnt'); setCount('price', 'priceCnt'); document.getElementById("cnt_price_restore").value = document.getElementById("cnt_price_1").innerHTML; setCount('rent', 'rentCnt'); document.getElementById("cnt_rent_restore").value = document.getElementById("cnt_rent_1").innerHTML; setCount('area', 'areaCnt'); document.getElementById("cnt_area_restore").value = document.getElementById("cnt_area_1").innerHTML; setCount('room', 'roomCnt'); setCount('view', 'viewCnt'); autoCheckSelected(); var p_r = document.getElementById("price_restore"); var pt_r = document.getElementById("priceText_restore"); var psp_r = document.getElementById("priceSliderPos_restore"); var r_r = document.getElementById("rent_restore"); var rt_r = document.getElementById("rentText_restore"); var rsp_r = document.getElementById("rentSliderPos_restore"); var a_r = document.getElementById("area_restore"); var at_r = document.getElementById("areaText_restore"); var asp_r = document.getElementById("areaSliderPos_restore"); if (p_r.value == "") p_r.value = default_price_range; if (pt_r.value == "") pt_r.value = default_price_desc; if (psp_r.value == "") psp_r.value = default_thumbs_pos; if (r_r.value == "") r_r.value = default_rent_range; if (rt_r.value == "") rt_r.value = default_rent_desc; if (rsp_r.value == "") rsp_r.value = default_thumbs_pos; if (a_r.value == "") a_r.value = default_area_range; if (at_r.value == "") at_r.value = default_area_desc; if (asp_r.value == "") asp_r.value = default_thumbs_pos; setPickPriceRent(); } function setBodyInputBox(display) { if (display) { if (document.getElementById("selectSort")) document.getElementById("selectSort").style.visibility = ""; if (document.getElementById("pageSize")) document.getElementById("pageSize").style.visibility = ""; if (document.getElementById("pageSelectTop")) document.getElementById("pageSelectTop").style.visibility = ""; } else { if (document.getElementById("selectSort")) document.getElementById("selectSort").style.visibility = "hidden"; if (document.getElementById("pageSize")) document.getElementById("pageSize").style.visibility = "hidden"; if (document.getElementById("pageSelectTop")) document.getElementById("pageSelectTop").style.visibility = "hidden"; } } function hideAllPickList() { if (document.getElementById("div_dist_hk").style.display == "block") divCancel('distIdHK', 'dist_hk'); if (document.getElementById("div_dist_kn").style.display == "block") divCancel('distIdKN', 'dist_kn'); if (document.getElementById("div_dist_nt").style.display == "block") divCancel('distIdNT', 'dist_nt'); if (document.getElementById("div_fac").style.display == "block") divCancel('facSubGrpId', 'fac'); if (document.getElementById("div_price_rent").style.display == "block") divPriceRentCancel(); if (document.getElementById("div_area").style.display == "block") divAreaCancel(); if (document.getElementById("div_room").style.display == "block") divCancel('room', 'room'); if (document.getElementById("div_view").style.display == "block") divCancel('view', 'view'); } function displayPickList(ele, name) { hideAllPickList(); var objDiv = document.getElementById(name); var styleDiv = objDiv.style; var eleTop = ele.offsetTop; var eleH = ele.offsetHeight; var eleLeft = ele.offsetLeft; var eleW = ele.offsetWidth; while(ele = ele.offsetParent) { eleTop += ele.offsetTop; eleLeft += ele.offsetLeft; } setBodyInputBox(false); styleDiv.display = "block"; styleDiv.top = (eleTop + eleH + 2) + "px"; styleDiv.left = (eleLeft+objDiv.offsetWidth+1>1000?1000-objDiv.offsetWidth-2:eleLeft + 1) + "px"; if (name == "div_price_rent") { if (!sliderPriceRentGen) { GenSliderPrice(); GenSliderRent(); sliderPriceRentGen = true; } } if (name == "div_area") { if (!sliderAreaGen) { GenSliderArea(); sliderAreaGen = true; } } } function divPickAll(name) { for (var i=1; i<1000; i++) { var cb = document.getElementById("cb_" + name + "_" + i); if (cb) { if (!cb.checked) cb.click(); } else { break; } } } function divPriceRentSetAll(ifCheck) { var cb = document.getElementById("cb_price_1"); if (cb.checked != ifCheck) cb.click(); cb = document.getElementById("cb_rent_1"); if (cb.checked != ifCheck) cb.click(); } function divReset(name) { var frm = document.getElementById("form_" + name); frm.reset(); for (var i=0;i-1) { cb.checked = true; } else { cb.checked = false; } showCount(cb); } else { break; } } } function autoCheckSubGroup(value, name) { var cbValue = document.getElementById(value).value; for (var i=1; i<20; i++) { var hasCB = false; var allChecked = true; for (var j=1; j<100; j++) { var cb = document.getElementById("cb_" + name + "_" + i + "_" + j); if (cb) { hasCB = true; if (cbValue.search(cb.value)>=0) { cb.checked = true; } else { cb.checked = false; allChecked = false; } showCount(cb); } else { break; } } if (hasCB) { var cbGrp = document.getElementById("cb_" + name + "_" + i); cbGrp.checked = allChecked; if (allChecked) { for (var j=1; j<100; j++) { var cb = document.getElementById("cb_" + name + "_" + i + "_" + j); if (cb) { cb.disabled = true; } else { break; } } } } if (!hasCB) break; } } function showCount(ele) { //do not show count (18/08/2009) return false; var cb_id = ele.id; var cnt_id = cb_id.replace("cb_", "cnt_"); if (document.getElementById(cnt_id)) { if (ele.checked) { document.getElementById(cnt_id).className = "IncSB_text_0_show"; } else { document.getElementById(cnt_id).className = "IncSB_text_0_hide"; } } } function setCount(name, cnt_name) { return false; var cnt_value = ";" + document.getElementById(cnt_name).value; for (var i=1; i<100; i++) { var cb = document.getElementById("cb_" + name + "_" + i); var cnt = document.getElementById("cnt_" + name + "_" + i); if (cb && cnt) { var count = "0"; var pos_start = cnt_value.indexOf(";" + cb.value + ","); if (pos_start > -1) { pos_start += 1; count = cnt_value.substring(pos_start, cnt_value.indexOf(";", pos_start)).split(",")[1]; } cnt.innerHTML = "(" + count + ")"; } else { break; } } } function setCountSubGroup(name, cnt_name) { return false; var cnt_value = document.getElementById(cnt_name).value; for (var i=1; i<20; i++) { var hasCB = false; var allChecked = true; for (var j=1; j<100; j++) { var cb = document.getElementById("cb_" + name + "_" + i + "_" + j); var cnt = document.getElementById("cnt_" + name + "_" + i + "_" + j); if (cb && cnt) { hasCB = true; var count = "0"; var pos_start = cnt_value.indexOf(cb.value + ","); if (pos_start > -1) { count = cnt_value.substring(pos_start, cnt_value.indexOf(";", pos_start)).split(",")[1]; } cnt.innerHTML = "(" + count + ")"; } else { break; } } if (!hasCB) break; } } function setPickPriceRent() { var text = ""; if (document.getElementById("cb_price").checked) { text += document.getElementById("priceText").value; document.getElementById("span_price_text").className = "IncSB_span_sel"; } else { document.getElementById("span_price_text").className = "IncSB_span_unsel"; } if (document.getElementById("cb_rent").checked) { if (text != "") text += ","; text += document.getElementById("rentText").value; document.getElementById("span_rent_text").className = "IncSB_span_sel"; } else { document.getElementById("span_rent_text").className = "IncSB_span_unsel"; } document.getElementById("pick_price_rent").value = text; } function setPickArea() { var text = ""; if (document.getElementById("cb_area_1").checked) { text += document.getElementById("areaText").value; } document.getElementById("pick_area").value = text; } function GenSliderPrice() { YAHOO.namespace('widget'); var Dom = YAHOO.util.Dom; var range = 400; // Slider has a range of 300 pixels var tickSize = 0; // No ticks for this example var minThumbDistance = 1; // We'll set a minimum distance the thumbs can be from one another var initValues = [0,range]; // Initial values for the thumbs var thumbsWidth = 14; // Width of the thumbs var minValue = 1; // min value var maxValue = 3000; // max value var cf = (maxValue - minValue)/(range - thumbsWidth); // Conversion factor // Set up a function to convert the min and max values into something useful var convert = function (val) {return Math.round(val * cf + minValue);}; var slide_bg = Dom.get("slide_bg_price"); var price_temp = Dom.get("price_temp"); var price_text_temp = Dom.get("price_text_temp"); var price_slider_pos_temp = Dom.get("price_slider_pos_temp"); var priceTemp = Dom.get("priceTemp"); var cbPrice = Dom.get("cb_price_1"); var price_slider_pos = Dom.get("priceSliderPos_restore"); if (price_slider_pos.value != "") initValues = price_slider_pos.value.split(","); price_temp.value = "" + minValue + "-"; // Create the DualSlider var slider = YAHOO.widget.Slider.getHorizDualSlider(slide_bg, "thumb_min_price", "thumb_max_price", range, tickSize, initValues); slider.minRange = minThumbDistance; var updateUI_price = function () { var min = convert(slider.minVal); var max = convert(slider.maxVal - thumbsWidth); price_temp.value = "" + (min*10000) + "-" + (max==maxValue?"":""+(max*10000)); price_text_temp.innerHTML = min + "�U" + " - " + max + "�U" + (max==maxValue?"�H�W":""); price_slider_pos_temp.value = slider.minVal + "," + slider.maxVal; }; slider.subscribe('ready', updateUI_price); slider.subscribe('change', updateUI_price); var count_price = function () { var min = convert(slider.minVal); var max = convert(slider.maxVal - thumbsWidth); priceTemp.value = "" + (min*10000) + "-" + (max==maxValue?"":""+(max*10000)); if (!cbPrice.checked) cbPrice.click(); if (sliderSubmit) submitActionFrame("price"); }; slider.subscribe('slideEnd', count_price); YAHOO.util.Event.on('setSliderPrice','click',function () { if (price_slider_pos.value != "") { var min = Math.abs(parseInt(price_slider_pos.value.split(",")[0], 10)|0); var max = Math.abs(parseInt(price_slider_pos.value.split(",")[1], 10)|0); slider.setValues(min,max); } }); YAHOO.util.Event.on('resetSliderPrice','click',function () { slider.setValues(0, range); }); YAHOO.widget.slider = slider; } function GenSliderRent() { YAHOO.namespace('widget'); var Dom = YAHOO.util.Dom; var range = 400; // Slider has a range of 300 pixels var tickSize = 0; // No ticks for this example var minThumbDistance = 1; // We'll set a minimum distance the thumbs can be from one another var initValues = [0,range]; // Initial values for the thumbs var thumbsWidth = 14; // Width of the thumbs var minValue = 1; // min value var maxValue = 200000; // max value var cf = (maxValue - minValue)/(range - thumbsWidth); // Conversion factor // Set up a function to convert the min and max values into something useful var convert = function (val) {return Math.round(val * cf + minValue);}; var slide_bg = Dom.get("slide_bg_rent"); var rent_temp = Dom.get("rent_temp"); var rent_text_temp = Dom.get("rent_text_temp"); var rent_slider_pos_temp = Dom.get("rent_slider_pos_temp"); var rentTemp = Dom.get("rentTemp"); var cbRent = Dom.get("cb_rent_1"); var rent_slider_pos = Dom.get("rentSliderPos_restore"); if (rent_slider_pos.value != "") initValues = rent_slider_pos.value.split(","); rent_temp.value = "" + minValue + "-"; // Create the DualSlider var slider = YAHOO.widget.Slider.getHorizDualSlider(slide_bg, "thumb_min_rent", "thumb_max_rent", range, tickSize, initValues); slider.minRange = minThumbDistance; var updateUI_rent = function () { var min = convert(slider.minVal); var max = convert(slider.maxVal - thumbsWidth); rent_temp.value = "" + min + "-" + (max==maxValue?"":""+max); rent_text_temp.innerHTML = min + " - " + max + (max==maxValue?"�H�W":""); rent_slider_pos_temp.value = slider.minVal + "," + slider.maxVal; }; slider.subscribe('ready', updateUI_rent); slider.subscribe('change', updateUI_rent); var count_rent = function () { var min = convert(slider.minVal); var max = convert(slider.maxVal - thumbsWidth); rentTemp.value = "" + min + "-" + (max==maxValue?"":""+max); if (!cbRent.checked) cbRent.click(); if (sliderSubmit) submitActionFrame("rent"); }; slider.subscribe('slideEnd', count_rent); YAHOO.util.Event.on('setSliderRent','click',function () { if (rent_slider_pos.value != "") { var min = Math.abs(parseInt(rent_slider_pos.value.split(",")[0], 10)|0); var max = Math.abs(parseInt(rent_slider_pos.value.split(",")[1], 10)|0); slider.setValues(min,max); } }); YAHOO.util.Event.on('resetSliderRent','click',function () { slider.setValues(0, range); }); YAHOO.widget.slider = slider; } function GenSliderArea() { YAHOO.namespace('widget'); var Dom = YAHOO.util.Dom; var range = 400; // Slider has a range of 300 pixels var tickSize = 0; // No ticks for this example var minThumbDistance = 1; // We'll set a minimum distance the thumbs can be from one another var initValues = [0,range]; // Initial values for the thumbs var thumbsWidth = 14; // Width of the thumbs var minValue = 1; // min value var maxValue = 5000; // max value var cf = (maxValue - minValue)/(range - thumbsWidth); // Conversion factor // Set up a function to convert the min and max values into something useful var convert = function (val) {return Math.round(val * cf + minValue);}; var slide_bg = Dom.get("slide_bg_area"); var area_temp = Dom.get("area_temp"); var area_text_temp = Dom.get("area_text_temp"); var area_slider_pos_temp = Dom.get("area_slider_pos_temp"); var areaTemp = Dom.get("areaTemp"); var cbArea = Dom.get("cb_area_1"); var area_slider_pos = Dom.get("areaSliderPos_restore"); if (area_slider_pos.value != "") initValues = area_slider_pos.value.split(","); area_temp.value = "" + minValue + "-"; // Create the DualSlider var slider = YAHOO.widget.Slider.getHorizDualSlider(slide_bg, "thumb_min_area", "thumb_max_area", range, tickSize, initValues); slider.minRange = minThumbDistance; var updateUI_area = function () { var min = convert(slider.minVal); var max = convert(slider.maxVal - thumbsWidth); area_temp.value = "" + min + "-" + (max==maxValue?"":""+max); area_text_temp.innerHTML = min + "�`" + " - " + max + "�`" + (max==maxValue?"�H�W":""); area_slider_pos_temp.value = slider.minVal + "," + slider.maxVal; }; slider.subscribe('ready', updateUI_area); slider.subscribe('change', updateUI_area); var count_area = function () { var min = convert(slider.minVal); var max = convert(slider.maxVal - thumbsWidth); areaTemp.value = "" + min + "-" + (max==maxValue?"":""+max); if (!cbArea.checked) cbArea.click(); if (sliderSubmit) submitActionFrame("areaTemp"); }; slider.subscribe('slideEnd', count_area); YAHOO.util.Event.on('setSliderArea','click',function () { if (area_slider_pos.value != "") { var min = Math.abs(parseInt(area_slider_pos.value.split(",")[0], 10)|0); var max = Math.abs(parseInt(area_slider_pos.value.split(",")[1], 10)|0); slider.setValues(min,max); } }); YAHOO.util.Event.on('resetSliderArea','click',function () { slider.setValues(0, range); }); YAHOO.widget.slider = slider; } function clearDist() { divReset("dist_hk"); document.getElementById("distIdHK").value = ""; document.getElementById("pick_dist_hk").value = ""; divReset("dist_kn"); document.getElementById("distIdKN").value = ""; document.getElementById("pick_dist_kn").value = ""; divReset("dist_nt"); document.getElementById("distIdNT").value = ""; document.getElementById("pick_dist_nt").value = ""; } function clearEstName() { document.getElementById("estName").value = ""; }