Перейти к содержанию
Форум поддержки пользователей VamShop

Ползунок при расширенном поиске на цене


Рекомендуемые сообщения

Здравствуйте, можно ли реализовать такую "фишку" как сей час делают на многих сайта? напримр

http://www.lamoda.ru/shoes/women/

цена устанавливается ползунком в расширенном поиске.

Ссылка на сообщение
Поделиться на другие сайты

Нет, код за Вас писать не буду, к сожалению.

Брать какой-нибудь пример на jQuery и делать на его основе.

Ничего сложного там нет, насколько я понимаю.

Ссылка на сообщение
Поделиться на другие сайты

http://www.xiper.net/collect/js-plugins/ui/jquery-ui-slider.html

нашел уже статью про ползунок

буду его ставить.

в каких файлах вывод диапазона цен делается Саш?

Ссылка на сообщение
Поделиться на другие сайты
  • 1 month later...

Саш, а как вывести ява скрипт через php?

Вывожу так:



$box_text .= '
<script type="text/javascript">
{literal}
jQuery(document).ready(function(){
/* слайдер цен */

jQuery("#slider").slider({
min: 0,
max: 2666,
values: [0,2666],
range: true,
animate: true,
stop: function(event, ui) {
jQuery("input#minCost").val(jQuery("#slider").slider("values",0));
jQuery("input#maxCost").val(jQuery("#slider").slider("values",1));

},
slide: function(event, ui){
jQuery("input#minCost").val(jQuery("#slider").slider("values",0));
jQuery("input#maxCost").val(jQuery("#slider").slider("values",1));
}
});

jQuery("input#minCost").change(function(){

var value1=jQuery("input#minCost").val();
var value2=jQuery("input#maxCost").val();

if(parseInt(value1) > parseInt(value2)){
value1 = value2;
jQuery("input#minCost").val(value1);
}
jQuery("#slider").slider("values",0,value1);
});


jQuery("input#maxCost").change(function(){

var value1=jQuery("input#minCost").val();
var value2=jQuery("input#maxCost").val();

if (value2 > 2666) { value2 = 2666; jQuery("input#maxCost").val(2666)}

if(parseInt(value1) > parseInt(value2)){
value2 = value1;
jQuery("input#maxCost").val(value2);
}
jQuery("#slider").slider("values",1,value2);
});

// фильтрация ввода в поля
jQuery('input').keypress(function(event){
var key, keyChar;
if(!event) var event = window.event;

if (event.keyCode) key = event.keyCode;
else if(event.which) key = event.which;

if(key==null || key==0 || key==8 || key==13 || key==9 || key==46 || key==37 || key==39 ) return true;
keyChar=String.fromCharCode(key);

if(!/\d/.test(keyChar)) return false;

});


});
{/literal}
</script>';
[/CODE]

ругается

[b]Parse error[/b][color=#000000]: syntax error, unexpected T_STRING in [/color][b]/home/m/mirramy1/public_html/includes/functions/products_specifications.php[/b][color=#000000] on line [/color][b]707[/b]

[b]ему [/b]

jQuery('[b]input[/b]').keypress(function(event){ не нравится

Ссылка на сообщение
Поделиться на другие сайты

Так то да, но тогда я не смогу вывести диапазон, а только смогу вывести 1 значение, ведь диапазонное значение в фильтре задается, например, 300-600

а js работает с двумя инпутами

Ссылка на сообщение
Поделиться на другие сайты

http://laramirra.com...n=asc&x=40&y=11

вот нижнее значение уже выводится ползунком, но при фильтрации в js значение поумолчанию-0 а в инпуте выводится значение фильтра

и в добавок, инпут не универсален так как будет задаваться для всех одним значением

Ссылка на сообщение
Поделиться на другие сайты
×
×
  • Создать...