Рубрика

Javascript

Всего: 200 записей

jquery selected option attribute

23 декабря 2015JavascriptНет комментариев

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

javascript jquery

jquery get element by attr

6 декабря 2015JavascriptНет комментариев

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

<div data-u="slides"></div>

$('div[data-u=slides]').width(window_width+'px');

jquery

jquery css replace px — получить целое число к примеру ширины

6 декабря 2015JavascriptНет комментариев

Просто parseInt…

var window_width=parseInt($(window).width());

javascript jquery

datepicker inline переходить по ссылке

30 ноября 2015JavascriptНет комментариев

$(function(){
	$("#datepicker").datepicker({
		onSelect:function(){
			window.location.href="/?item=list_works&date="+$(this).val();
		}
	});
});

<div id="datepicker"></div>

javascript jquery

form get убрать лишние параметры

30 ноября 2015Javascript, PHP, WebНет комментариев

В примере необходимо генерировать в 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");
		}
	});
});

javascript jquery PHP

Combine inline jquery datepicker with an input field

23 ноября 2015JavascriptНет комментариев

$('#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

jquery

jquery: все элементы кроме первого

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

Например:

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

jquery