Архив

Публикации с меткой ‘jquery’
19 февраля 2018 Нет комментариев
var radioval=7;
$('input[name=radioname]').val([radioval]);
Categories: Javascript Tags:
6 февраля 2018 Нет комментариев

Для вертикальной прокрутки внутри блоков, созданных с использованием fullPage, использовать параметр:

scrollOverflow:true,

Полный пример:

$(document).ready(function(){
	$('#fullpage').fullpage({
		anchors:['section-0','section-1','section-2'],
		menu:'#navigation',
		verticalCentered:false,
		scrollOverflow:true,
		afterLoad:function(anchorLink,index){
			if(anchorLink=='section-0'){
				$('#navigation').hide();
			}
			else{
				$('#navigation').show();
			}
		},
	});
});
<ul id="navigation">
	<li data-menuanchor="section-1"><a href="#section-1">Section 1</a></li>
	<li data-menuanchor="section-2"><a href="#section-2">Section 2</a></li>
</ul>
<div id="fullpage">
	<div data-anchor="section-0" class="section section-0"></div>
	<div data-anchor="section-1" class="section section-1"></div>
	<div data-anchor="section-2" class="section section-2"></div>
</div>
.section-0{
	background:red;
}
.section-1{
	background:green;
}
.section-2{
	background:blue;
}
#navigation{
	position:fixed;
	top:100px;
	left:20px;
	z-index:100;
}
#navigation li.active a{
	color:red;
}

http://alvarotrigo.com/fullPage/
https://github.com/alvarotrigo/fullPage.js

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

Преобразует 00001 в 1:

$(this).data('card');

Оставит 00001 как есть:

$(this).attr('data-card');
Categories: Javascript Tags: ,
12 апреля 2017 Нет комментариев

Только воскресенья:

$(".datepicker").datepicker({
	beforeShowDay:function(date){return[date.getDay()!=0,""]},
});

Субботы и воскресенья:

$(".datepicker").datepicker({
	beforeShowDay:function(date){return[date.getDay()!=0&&date.getDay()!=6,""]},
});
Categories: Javascript Tags:
5 апреля 2017 Нет комментариев

Определение расширения файла:

$('input[type=file]').live('change',function(){
	var ext=$(this).val().split('.').pop();
	alert(ext);
});

Проверка на допустимость типа файла для загрузки:

$('input[type=file]').live('change',function(){
	var ext=$(this).val().split('.').pop();
	var allow=new Array('7z','bin','bz','bz2','doc','docx','gif','gz','htm','html','ico','jpeg','jpg','mov','mp3','mpeg','mpg','pdf','php','png','ppt','pptx','rar','rtf','swf','tar','txt','wav','xls','xlsx','zip');
	if($.inArray(ext,allow)===-1){
		$(this).val('');
		alert('Недопустимый тип файла');
	}
});
Categories: Javascript Tags:
3 февраля 2017 Нет комментариев

Например имеем код:

<ul id="service_filter">
	<li class="active"><a href="#" data-service="0">Все</a></li>
	<li><a href="#" data-service="1">Услуга 1</a></li>
	<li><a href="#" data-service="2">Услуга 2</a></li>
	<li><a href="#" data-service="3">Услуга 3</a></li>
</ul>
<div class="article_item" data-services="'1'">Описание 1</div>
<div class="article_item" data-services="'1','2','3'">Описание 2</div>
<div class="article_item" data-services="'3'">Описание 3</div>
$(document).ready(function(){
	$('ul#service_filter li a').on('click',function(){
		var service=$(this).data('service');
		$(this).closest('ul').find('li').removeClass('active');
		$(this).parent().addClass('active');
		if(service=='0'){
			$('.article_item').fadeIn();
		}
		else{
			$('.article_item').fadeOut();
			$('.article_item').each(function(i,el){
				var id="'"+service+"'";
				if($(el).data('services').search(id)!=-1){
					$(el).fadeIn();
				}
			});
 
		}
		return false;
	});
});

В таком случае второй div.article_item будет показан при клике по любой ссылке, а 1 и 3 только по 1 и 3 соответственно.

Categories: Javascript Tags:
27 января 2017 Нет комментариев

Получить value всех отмеченных checkbox в блоке, перечисленные через запятую.

$('.catalog a.submit').live('click',function(){
	var options=[];
	$.each($(".catalog input[type=checkbox]:checked"),function(){
		options.push($(this).val());
	});
	alert(options);
	return false;
});
Categories: Javascript Tags: ,