Архив

Архив раздела ‘Javascript’
js послезавтра
20 ноября 2020 Нет комментариев 
new Date(new Date().getTime()+172800000)
Categories: Javascript Tags:
Leaflet — Classic styles are no longer supported
23 октября 2020 Нет комментариев

При ошибке Classic styles are no longer supported; see https://blog.mapbox.com/deprecating-studio-classic-styles-d8892ac38cb4 for more information
Заменить

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}',{
	attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
	maxZoom:18,
	id:'mapbox.streets',
	accessToken:'YOUR_MAPBOX_ACCESS_TOKEN'
}).addTo(mymap);

на

L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}',{
	attribution: '© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank" rel="noopener noreferrer">Improve this map</a></strong>',
	tileSize:512,
	maxZoom:18,
	zoomOffset:-1,
	id:'mapbox/streets-v11',
	accessToken:'YOUR_MAPBOX_ACCESS_TOKEN'
}).addTo(mymap);
Categories: Javascript Tags:
jquery background selected file
19 октября 2020 Нет комментариев 
$('.form_cabinet .photo input[type=file]').on('change',function(){
	var file=this.files[0];
	var reader=new FileReader();
	reader.onloadend=function(){
		$('.form_cabinet .photo .image').css('background-image','url("'+reader.result+'")');
	}
	if(file){
		reader.readAsDataURL(file);
	}
});
Categories: Javascript Tags:
owl carousel filter
17 августа 2020 Нет комментариев

Добавляется js: https://huynhhuynh.github.io/owlcarousel2-filter/dist/owlcarousel2-filter.min.js

$(document).ready(function(){
	var owl=$('.owl_1').owlCarousel({
		loop:false,
		margin:0,
		items:4,
		nav:true,
		dots:false,
		navText:['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
	});
	$('.owl-filter-bar').on('click','li',function(){
		var item=$(this);
		$('.owl-filter-bar ul li').removeClass('active');
		item.addClass('active');
		var filter=item.data('owl-filter');
		owl.owlcarousel2_filter(filter);
	});
});
<div class="owl-filter-bar">
	<ul>
		<li data-owl-filter="*" class="active">Все</li>
		<li data-owl-filter=".d1">1</li>
		<li data-owl-filter=".d2">2</li>
		<li data-owl-filter=".d3">3</li>
		<li data-owl-filter=".d4">4</li>
		<li data-owl-filter=".d5">5</li>
	</ul>
</div>
<div class="owl-carousel owl-theme owl_1">
	<div class="item d1"></div>
	<div class="item d2"></div>
	<div class="item d3"></div>
	<div class="item d4 d5"></div>
	<div class="item"></div>
</div>

https://huynhhuynh.github.io/owlcarousel2-filter/

Categories: Javascript Tags:
fancybox auto open link
20 июля 2020 Нет комментариев 
$(".link").fancybox().trigger('click');

равнозначно

$(window).load(function(){
	$(".link").click();
});
Categories: Javascript Tags:
magnificPopup несколько gallery
10 июля 2020 Нет комментариев 
$('.gb .item .photos').each(function(){
	$(this).magnificPopup({
		type:'image',
		tClose:'Закрыть',
		delegate:'a',
		gallery:{
			enabled:true,
			tPrev:'Назад',
			tNext:'Вперед',
			tCounter:'<span class="mfp-counter">%curr% из %total%</span>',
		}
	});
});
Categories: Javascript Tags:
клик внутри label отменить
16 июня 2020 Нет комментариев

при клике внутри label по блоку .finded отменить стандартное действие и отправить форму

$('.filters_inline label').on('click',function(event){
	if($(event.target).closest(".finded").length){
		event.preventDefault();
		$(this).closest('form').submit();
	}
});
Categories: Javascript Tags: