Архив

Архив раздела ‘Javascript’
23 декабря 2015 Нет комментариев
$('select[name=city]').change(function(){
	if($(this).val()!=''){
		$('#city_info').html('Срок доставки до ПВЗ в рабочих днях из Санкт-Петербурга: '+$(':selected',this).attr("data-term")+' дн.');
	}
	else{
		$('#city_info').html();
	}
});
Categories: Javascript Tags: ,
6 декабря 2015 Нет комментариев

Сделать что либо с элементом зная его атрибут, например

<div data-u="slides"></div>
$('div[data-u=slides]').width(window_width+'px');
Categories: Javascript Tags:
6 декабря 2015 Нет комментариев

Просто parseInt…

var window_width=parseInt($(window).width());
Categories: Javascript Tags: ,
30 ноября 2015 Нет комментариев
$(function(){
	$("#datepicker").datepicker({
		onSelect:function(){
			window.location.href="/?item=list_works&date="+$(this).val();
		}
	});
});
<div id="datepicker"></div>
Categories: Javascript Tags: ,
30 ноября 2015 Нет комментариев

В примере необходимо генерировать в URL фильтрацию по цене только в том случае, если пользователь сам изменил ползунок выбора цены.
Т.е. нужно не передавать определенные параметры в _GET (по ситуации).
Часть формы (добавляем hidden поля):

<form method="get" action="" id="filter_form">
	от <input type="text" name="price_from" id="price_from" value="100"/>
	до <input type="text" name="price_to" id="price_to" value="1000"/>
	<input type="hidden" id="price_min" value="100"/>
	<input type="hidden" id="price_max" value="1000"/>
</form>

Яваскриптом дисаблим inputы, если их значения не меняли.

$(function(){
	$("#filter_form").submit(function(){
		if($("#price_from").val()==$("#price_min").val()){
			$("#price_from").attr("disabled","disabled");
		}
		if($("#price_to").val()==$("#price_max").val()){
			$("#price_to").attr("disabled","disabled");
		}
	});
});
Categories: Javascript, PHP, Web Tags: , ,
23 ноября 2015 Нет комментариев
$('#calendar').datepicker({
	inline:true,
	altField:'#date'
});
$('#date').change(function(){
	$('#calendar').datepicker('setDate',$(this).val());
});
<input type="text" id="date" name="date" value="<?=date('d.m.Y')?>"/>
<div id="calendar"></div>

http://stackoverflow.com/questions/19344135/combine-inline-jquery-datepicker-with-an-input-field

Categories: Javascript Tags:
18 ноября 2015 Нет комментариев

Например:

$('#menu li.first').click(function(){
	$('#menu li:not(:first)').slideToggle();
});
Categories: Javascript Tags: