Вопрос в продолжение темы:
мне нужно скрыть поля ввода над ползунком цены и при этом указывать в режиме реального времени выбранные значения по диапазону цены (то есть, что сейчас выводится в полях ввода - вывести текстом). Можете подсказать, где править? кусок кода из шаблона ниже:
Код |
---|
<?if(isset($arItem["PRICE"])):?>
<?
if (!$arItem["VALUES"]["MIN"]["VALUE"] || !$arItem["VALUES"]["MAX"]["VALUE"] || $arItem["VALUES"]["MIN"]["VALUE"] == $arItem["VALUES"]["MAX"]["VALUE"])
continue;
?>
<div class="bx_filter_container price">
<span class="bx_filter_container_title"><span class="bx_filter_container_modef"></span><?=$arItem["NAME"]?></span>
<div class="bx_filter_param_area">
<div class="bx_filter_param_area_block"><div class="bx_input_container">
<input
class="min-price"
type="text"
name="<?echo $arItem["VALUES"]["MIN"]["CONTROL_NAME"]?>"
id="<?echo $arItem["VALUES"]["MIN"]["CONTROL_ID"]?>"
value="<?echo $arItem["VALUES"]["MIN"]["HTML_VALUE"]?>"
size="5"
onkeyup="smartFilter.keyup(this)"
/>
</div></div>
<div class="bx_filter_param_area_block"><div class="bx_input_container">
<input
class="max-price"
type="text"
name="<?echo $arItem["VALUES"]["MAX"]["CONTROL_NAME"]?>"
id="<?echo $arItem["VALUES"]["MAX"]["CONTROL_ID"]?>"
value="<?echo $arItem["VALUES"]["MAX"]["HTML_VALUE"]?>"
size="5"
onkeyup="smartFilter.keyup(this)"
/>
</div></div>
<div style="clear: both;"></div>
</div>
<div class="bx_ui_slider_track" id="drag_track_<?=$key?>">
<div class="bx_ui_slider_range" style="left: 0; right: 0%;" id="drag_tracker_<?=$key?>"></div>
<a class="bx_ui_slider_handle left" href="javascript:void(0)" style="left:0;" id="left_slider_<?=$key?>"></a>
<a class="bx_ui_slider_handle right" href="javascript:void(0)" style="right:0%;" id="right_slider_<?=$key?>"></a>
</div>
<div class="bx_filter_param_area">
<div class="bx_filter_param_area_block" id="curMinPrice_<?=$key?>"><?=$arItem["VALUES"]["MIN"]["VALUE"]?></div>
<div class="bx_filter_param_area_block" id="curMaxPrice_<?=$key?>"><?=$arItem["VALUES"]["MAX"]["VALUE"]?></div>
<div style="clear: both;"></div>
</div>
</div>
<script type="text/javascript">
var DoubleTrackBar<?=$key?> = new cDoubleTrackBar('drag_track_<?=$key?>', 'drag_tracker_<?=$key?>', 'left_slider_<?=$key?>', 'right_slider_<?=$key?>', {
OnUpdate: function(){
BX("<?echo $arItem["VALUES"]["MIN"]["CONTROL_ID"]?>").value = this.MinPos;
BX("<?echo $arItem["VALUES"]["MAX"]["CONTROL_ID"]?>").value = this.MaxPos;
},
Min: parseFloat(<?=$arItem["VALUES"]["MIN"]["VALUE"]?>),
Max: parseFloat(<?=$arItem["VALUES"]["MAX"]["VALUE"]?>),
MinInputId : BX('<?echo $arItem["VALUES"]["MIN"]["CONTROL_ID"]?>'),
MaxInputId : BX('<?echo $arItem["VALUES"]["MAX"]["CONTROL_ID"]?>'),
FingerOffset: 10,
MinSpace: 1,
RoundTo: 1
});
</script>
<?endif?>
|