20 марта 2019 Нет комментариев

user — имя текущего пользователя

iMac:~ user$ cd ~/Library/Mobile\ Documents/com~apple~CloudDocs/
iMac:com~apple~CloudDocs user$ pwd
/Users/user/Library/Mobile Documents/com~apple~CloudDocs
iMac:com~apple~CloudDocs user$
Categories: Mac Tags:
20 марта 2019 Нет комментариев

Для перемещения синхронизируемой папки на диск D:
1. Скопировать папку iCloudDrive на диск D, или создать пустую, если объем файлов небольшой
2. Отключить iCloud Drive в настройках iCloud — это удалит все файлы iCloud с диска C
3. В командной строке (user — имя текущего пользователя):

C:\Users\user>mklink /J "C:\Users\user\iCloudDrive" "D:\iCloudDrive"

Результатом должно быть

соединение создано для C:\Users\user\iCloudDrive <<===>> D:\iCloudDrive

4. Включить iCloud Drive в настройках iCloud — файлы в D:\iCloudDrive будут синхронизированы

Categories: Windows Tags:
14 марта 2019 Нет комментариев
ymaps.ready(init);
function init(){
	var placemarks=[];
	var myMap=new ymaps.Map("places_map",{
		center:[59.952236, 30.299258],
		zoom:16,
		controls:['zoomControl']
	});
	Placemark=new ymaps.Placemark([59.952236, 30.299258],{
		balloonContent:'address 1',
		hintContent:'name 1',
	},{
		preset:'islands#redDotIcon'
	});
	placemarks[1]=Placemark;
	myMap.geoObjects.add(Placemark);
	Placemark=new ymaps.Placemark([59.924406, 30.385793],{
		balloonContent:'address 2',
		hintContent:'name 2',
	},{
		preset:'islands#redDotIcon'
	});
	placemarks[2]=Placemark;
	myMap.geoObjects.add(Placemark);
	Placemark=new ymaps.Placemark([59.952236, 30.299258],{
		balloonContent:'address 3',
		hintContent:'name 3',
	},{
		preset:'islands#redDotIcon'
	});
	placemarks[3]=Placemark;
	myMap.geoObjects.add(Placemark);
	myMap.behaviors.disable('scrollZoom');
	$('.places_map .places .item').on('click',function(){
		$('.places_map .places .item').removeClass('active');
		$(this).addClass('active');
		$('.places_map .places').addClass('closed');
		var cid=$(this).data('id');
		myMap.setCenter(placemarks[cid].geometry.getCoordinates());
		//placemarks[cid].balloon.open();
	});
}
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>
<div class="places_map">
	<div id="places_map"></div>
	<div class="places">
		<div class="items">
			<div class="item" data-id="1">title 1</div>
			<div class="item" data-id="2">title 2</div>
			<div class="item" data-id="3">title 3</div>
		</div>
	</div>
</div>
#places_map{
	height:500px;
}
Categories: Javascript Tags:

.header — фоновое изображение
.mask — полупрозрачный белый фон
.l1,.l2,.l3,.l4 — буквы вырезающие из полупрозрачного фона полноцветную картинку
.l5,.l6 — ссылка в рамке, вырезающей из полупрозрачного фона полноцветную картинку
Используются свойства: -webkit-text-fill-color:transparent; и -webkit-background-clip:text;

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

<div class="header">
	<div class="mask">
		<div class="text">
			<div class="wrap">
				<div class="l1">Lorem ipsum</div>
				<div class="l2">dolor sit amet consectetur</div>
				<div class="l3">sed do eiusmod tempor incididunt</div>
				<div class="l4">Excepteur sint</div>
				<a class="l5" href="#">Duis aute</a>
				<div class="l6"><span><i></i></span></div>
			</div>
		</div>
	</div>
</div>

CSS:

.header{
	height:860px;
	background:url("../images/header.jpg") center center;
	background-size:cover;
	position:relative;
	.mask{
		height:100%;
	}
	.text{
		text-transform:uppercase;
		text-align:center;
		font-weight:900;
		div,a{
			width:100%;
			position:absolute;
			display:block;
			left:0;
			color:@color_white;
			text-decoration:none;
		}
		.l1{
			font-size:50px;
			line-height:50px;
			top:230px;
			background-position:50% -230px;
		}
		.l2{
			font-size:70px;
			line-height:70px;
			top:330px;
			background-position:50% -330px;
		}
		.l3{
			font-size:30px;
			line-height:30px;
			top:450px;
			background-position:50% -450px;
		}
		.l4{
			font-size:30px;
			line-height:30px;
			top:500px;
			background-position:50% -500px;
		}
		.l5{
			font-size:25px;
			line-height:100px;
			top:600px;
			background-position:50% -600px;
			z-index:2;
		}
		.l6{
			top:600px;
			z-index:1;
			span{
				display:inline-block;
				width:570px;
				z-index:0;
				position:absolute;
				top:0;
				left:50%;
				margin-left:-285px;
				height:100px;
				border:5px solid @color_white;
				box-sizing:border-box;
				i{
					display:block;
					height:90px;
				}
			}
		}
	}
	&:not(:hover){
		.mask{
			background:fade(@color_white,70%);
			.text{
				div,a{
					background-image:url("../images/header.jpg");
					background-repeat:no-repeat;
					-webkit-text-fill-color:transparent;
					-webkit-background-clip:text;
				}
				.l6{
					span{
						border-color:transparent;
						background:url("../images/header.jpg") no-repeat 50% -605px;
						i{
							background:fade(@color_white,70%);
						}
					}
				}
			}
		}
	}
}
Categories: CSS Tags:

Например:

$(document).on('mouseover','.q',function(e){
	$('#'+$(this).data('tip')).fadeIn();
});
$(document).on('mouseout','.q',function(e){
	$('#'+$(this).data('tip')).fadeOut();
});

Вместо:

$('.q').hover(function(){
	$('#'+$(this).data('tip')).fadeIn();
},function(){
	$('#'+$(this).data('tip')).fadeOut();
});
Categories: Javascript Tags: ,
26 февраля 2019 Нет комментариев
function replaceAll(str,find,replace){
	return str.replace(new RegExp(find,'g'),replace);
}

Например, удалить проблемы во всех input в форме:

$("form input[type=text]").each(function(){
	$(this).val(replaceAll($(this).val(),' ',''));
});
Categories: Javascript Tags:
26 февраля 2019 Нет комментариев

JS:

$(".input_place").autocomplete({
	source:"/?ajax_action=get_places",
	minLength:4,
	position:{my:"left top",at:"left bottom"},
	select:function(event,ui){
		var loc=$(this).closest('form').attr('action');
		if(ui.item.country_id){
			loc+='?country[]='+ui.item.country_id;
			$('#hidden_country').val(ui.item.country_id);
		}
		if(ui.item.district_id){
			loc+='&district[]='+ui.item.district_id;
			$('#hidden_district').val(ui.item.district_id);
		}
		if(ui.item.city_id){
			loc+='&city[]='+ui.item.city_id;
			$('#hidden_city').val(ui.item.city_id);
		}
		var selected=ui.item.country_name;
		if(ui.item.district_name!=''){
			selected=ui.item.district_name;
		}
		if(ui.item.city_name!=''){
			selected=ui.item.city_name;
		}
		$(this).val(selected);
		if($('#hidden_country').val()==undefined){
			window.location.href=loc;
		}
		return false;
	}
}).autocomplete("instance")._renderItem=function(ul,item){
	var li=item.country_name;
	if(item.district_name!=''){
		li+=' '+item.district_name;
	}
	if(item.city_name!=''){
		li+=' '+item.city_name;
	}
	return $("<li>").append(li).appendTo(ul);
};
if($_GET['ajax_action']=='get_places'){
	$places=array();
	$ajax_countries=get_from_base('*','countries',"shown=1 and (`name` LIKE '%".$_GET['term']."%' OR `id` IN (SELECT `parent` FROM `districts` WHERE`shown`=1 and (`name` LIKE '%".$_GET['term']."%' OR `id` IN (SELECT `parent` FROM `cities` WHERE`shown`=1 and `name` LIKE '%".$_GET['term']."%'))))",'pos');
	if(count($ajax_countries)>0){
		foreach($ajax_countries as $country){
			$places[]=array('country_id'=>$country['id'],'country_name'=>$country['name'],'district_id'=>0,'district_name'=>'','city_id'=>0,'city_name'=>'');
			$ajax_districts=get_from_base('*','districts',"`parent`=".$country['id']." and `shown`=1 and (`name` LIKE '%".$_GET['term']."%' OR `id` IN (SELECT `parent` FROM `cities` WHERE`shown`=1 and `name` LIKE '%".$_GET['term']."%'))",'pos');
			if(count($ajax_districts)>0){
				foreach($ajax_districts as $district){
					$places[]=array('country_id'=>$country['id'],'country_name'=>$country['name'],'district_id'=>$district['id'],'district_name'=>$district['name'],'city_id'=>0,'city_name'=>'');
					$ajax_cities=get_from_base('*','cities',"`parent`=".$district['id']." and `shown`=1 and `name` LIKE '%".$_GET['term']."%'",'pos');
					if(count($ajax_cities)>0){
						foreach($ajax_cities as $city){
							$places[]=array('country_id'=>$country['id'],'country_name'=>$country['name'],'district_id'=>$district['id'],'district_name'=>$district['name'],'city_id'=>$city['id'],'city_name'=>$city['name']);
						}
					}
				}
			}
		}
	}
	header('Content-Type: application/json');
	echo json_encode($places);
	exit();
}

https://jqueryui.com/autocomplete/#custom-data

Categories: Javascript, PHP Tags: , ,