Архив

Архив раздела ‘Javascript’
function replaceQueryParam(param,newval,search){
	var regex=new RegExp("([?;&])"+param+"[^&;]*[;&]?");
	var query=search.replace(regex,"$1").replace(/&$/,'');
	return (query.length>2?query+"&":"?")+(newval?param+"="+newval:'');
}
var next_page=2;
var search_param=location.search;
search_param=replaceQueryParam('page',next_page,search_param);
var newurl=window.location.pathname+search_param;
window.history.pushState({path:newurl},'',newurl);
Categories: Javascript Tags:
function replaceSearchParam(href,param,value){
	var url=new URL(href);
	var search_params=url.searchParams;
	search_params.set(param,value);
	url.search=search_params.toString();
	var new_url=url.toString();
	return new_url;
}
$('.catalog .item .time input').on('change',function(){
	var id=$(this).closest('.values').find('input:checked').val();
	var buy_link=$(this).closest('.item').find('.buy a')
	buy_link.attr('href',replaceSearchParam(buy_link.attr('href'),'m',id));
});
Categories: Javascript Tags:
function current_time(){
	let bangkok_datetime_str=new Date().toLocaleString("en-US",{timeZone:"Asia/Bangkok"});
	var date=new Date(bangkok_datetime_str);
	var hours=date.getHours();
	var minutes=date.getMinutes();
	var seconds=date.getSeconds();
	if(hours<10)hours="0"+hours;
	if(minutes<10)minutes="0"+minutes;
	if(seconds<10)seconds="0"+seconds;
	document.getElementById('current_time').innerHTML='<span class="number">'+hours+'</span><span class="dot">:</span><span class="number">'+minutes+'</span><span class="dot">:</span><span class="number">'+seconds+'</span>';
}
$(document).ready(function(){
	setInterval(current_time,1000);
});
<div id="current_time"></div>
Categories: Javascript Tags:
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: