Архив

Архив раздела ‘Javascript’
jquery get element by attr
6 декабря 2015 Нет комментариев

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

<div data-u="slides"></div>
$('div[data-u=slides]').width(window_width+'px');
Categories: Javascript Tags:
jquery css replace px — получить целое число к примеру ширины
6 декабря 2015 Нет комментариев

Просто parseInt…

var window_width=parseInt($(window).width());
Categories: Javascript Tags: ,
datepicker inline переходить по ссылке
30 ноября 2015 Нет комментариев 
$(function(){
	$("#datepicker").datepicker({
		onSelect:function(){
			window.location.href="/?item=list_works&date="+$(this).val();
		}
	});
});
<div id="datepicker"></div>
Categories: Javascript Tags: ,
form get убрать лишние параметры
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: , ,
Combine inline jquery datepicker with an input field
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:
jquery: все элементы кроме первого
18 ноября 2015 Нет комментариев

Например:

$('#menu li.first').click(function(){
	$('#menu li:not(:first)').slideToggle();
});
Categories: Javascript Tags:
jquery направление скролла
13 ноября 2015 Нет комментариев 
var lastScrollTop=0;
$(window).scroll(function(event){
	var st=$(this).scrollTop();
	if (st>lastScrollTop){
		//вниз
	}
	else {
		//вверх 
	}
	lastScrollTop=st;
});

http://www.cyberforum.ru/javascript-jquery/thread786347.html

Categories: Javascript Tags: ,