Рубрика

Javascript

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

jquery if scroll to bottom of page

7 ноября 2023JavascriptНет комментариев

$(window).scroll(function(){
	if($(window).scrollTop()+$(window).height()==$(document).height()){
		console.log("bottom");
	}
});
$(window).scroll(function(){
	if($(window).scrollTop()+$(window).height()>$(document).height()-100){
		console.log("near bottom");
	}
});

jquery

jquery max child height

25 октября 2023JavascriptНет комментариев

$(document).ready(function(){
	$('.nav .dd ul li').hover(function(){
		var mh=0;
		$('.nav .dd ul').each(function(){mh=Math.max(mh,$(this).outerHeight());});
		$('.dd').css('min-height',mh+'px');
	});
});

jquery

Всплывающее окно при попытке закрыть сайт

21 июня 2023JavascriptНет комментариев

$(document).ready(function(){
	setTimeout(function(){
		$.cookie('nf_timeout',true,{
			expires:1,
			path:'/'
		});
	},30000);
	if($.cookie('nf_timeout')&&!$.cookie('nf_popup')){
		$(document).mouseleave(function(e){
			if((e.clientY<10)&&!($("#nf_link").hasClass("clicked"))){
				setTimeout(function(){
					$("#nf_link").addClass('clicked').click();
				},1);
				$.cookie('nf_popup',true,{
					expires:7,
					path:'/'
				});
			}
		});
	};
});

<a href="<?=$r_nf['popup_link']?>" class="popup fancybox.ajax" id="nf_link"><?=$r_nf['name']?></a>

Необходима библиотека https://yandex.st/jquery/cookie/1.0/jquery.cookie.min.js

jquery

javascript change get parameter without reload

16 июня 2023JavascriptНет комментариев

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);

javascript

javascript change get parameter

19 мая 2023JavascriptНет комментариев

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));
});

javascript

javascript идущие часы с определением timezone

19 мая 2023JavascriptНет комментариев

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>

javascript

owl carousel destroy on desktop

15 октября 2022JavascriptНет комментариев

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();
	});
});

jquery