Архив

Публикации с меткой ‘jquery’
15 октября 2022 Нет комментариев
function responsiveCarousel(){
	var ww=$(window).width();
	var owl_structure=$(".escort .structure .items");
	if(ww>767){
		if(typeof owl_structure.data('owl.carousel')!='undefined'){
			owl_structure.data('owl.carousel').destroy();
		}
		owl_structure.removeClass('owl-carousel').removeClass('owl-theme');
	}
	else if(ww<768){
		owl_structure.addClass('owl-carousel').addClass('owl-theme');
		owl_structure.owlCarousel({
			loop:false,
			dots:false,
			nav:true,
			items:1,
			margin:0,
		});
		owl_structure.on('changed.owl.carousel',function(e){
			$('.escort .structure .counter span').text(e.item.index+1);
		});
	}
}
$(document).ready(function(){
	responsiveCarousel();
	$(window).on('resize',function(){
		responsiveCarousel();
	});
});
Categories: Javascript Tags:
5 сентября 2022 Нет комментариев
var catalog_tags=$('#catalog_tags');
catalog_tags.owlCarousel({
	loop:false,
	margin:15,
	items:10,
	nav:true,
	dots:false,
	navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
	autoWidth:true,
});
$('.catalog_tags .all').on('click',function(){
	$(this).remove();
	catalog_tags.trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
	catalog_tags.find('.owl-stage-outer').children().unwrap();
});
Categories: Javascript Tags:
9 августа 2022 Нет комментариев

Когда каждый элемент .block полностью показан (прокручен до конца) добавляем блоку .bullet класс .active

$(document).ready(function(){
	$(window).scroll(function(){
		var scroll=parseInt($(window).scrollTop())+parseInt($(window).height());
		$('.block').each(function(){
			var offset=parseInt($(this).offset().top)+parseInt($(this).height());
			if(scroll>offset){
				$(this).find('.bullet').addClass('active');
			}
		});
	});
});
Categories: Javascript Tags: ,

В примере если опций 2 то выбирать последнюю

var select_format=$('select[name=format]');
var options_count=select_format.find('option').length;
if(options_count==2){
	select_format.prop('selectedIndex',options_count-1).change();
}
Categories: Javascript Tags:

Для ссылок на jpg, которые не открываются в новом окне:

$("a[href$='.jpg'][target!='_blank']").on("click",function(){
});
Categories: Javascript Tags:
9 декабря 2021 Нет комментариев
$.fn.stickyfloat=function(options,lockBottom){
	var $obj=this;
	var parentPaddingTop=parseInt($obj.parent().css('padding-top'));
	var startOffset=$obj.parent().offset().top;
	var opts=$.extend({startOffset:startOffset,offsetY:parentPaddingTop,duration:200,lockBottom:true},options);
	$obj.css({position:'absolute'});
	if(opts.lockBottom){
		var bottomPos=$obj.parent().height()-$obj.height()+parentPaddingTop;
		if(bottomPos<0)
			bottomPos=0;
	}
	$(window).scroll(function(){
		$obj.stop();
		var pastStartOffset=$(document).scrollTop()>opts.startOffset;
		var objFartherThanTopPos=$obj.offset().top>startOffset;
		var objBiggerThanWindow=$obj.outerHeight()<$(window).height();
		if((pastStartOffset||objFartherThanTopPos)&&objBiggerThanWindow){
			var newpos=($(document).scrollTop()-startOffset+opts.offsetY);
			if(newpos>bottomPos)
				newpos=bottomPos;
			if($(document).scrollTop()<opts.startOffset)
				newpos=parentPaddingTop;
			$obj.animate({top:newpos},opts.duration);
		}
	});
};

Пример использования:

$(document).ready(function(){
	setTimeout(function(){
		$('#main .left').css('min-height',$('#main').height());
		$('#main .inner').stickyfloat({duration:500});
	},2000);
});
<div id="main">
	<div class="left">
		<div class="inner">content</div>
	</div>
	<div class="right"></div>
	<div class="clear"></div>
</div>
.left,.right{
	width:50%;
}
.left{
	position:relative;
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}

Источник: https://ruseller.com/lessons.php?id=999&rub=32

Categories: Javascript Tags:
9 декабря 2021 Нет комментариев
$.fn.setCursorPosition=function(pos){
	if($(this).get(0).setSelectionRange){
		$(this).get(0).setSelectionRange(pos,pos);
	}
	else if($(this).get(0).createTextRange){
		var range=$(this).get(0).createTextRange();
		range.collapse(true);
		range.moveEnd('character',pos);
		range.moveStart('character',pos);
		range.select();
	}
};
function set_mask_cursor(){
	$('input[name="phone"]').on('click',function(){
		$(this).setCursorPosition(4);
	});
	$('input[name="code"]').on('click',function(){
		$(this).setCursorPosition(0);
	});
}
$(document).ready(function(){
	$("input[name=phone]").mask("+7 (999) 999-99-99");
	$("input[name=code]").mask("9999");
	set_mask_cursor();
});
Categories: Javascript Tags: