11 января 2017 Нет комментариев

HTML:

<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU" type="text/javascript"></script>
<div id="map"></div>

Javascript:

ymaps.ready(init);
function init(){
	var myMap=new ymaps.Map("map",{
		center:[59.974504,30.550266],
		zoom:11,
		controls:['zoomControl']
	}),
	Placemark1=new ymaps.Placemark([60.002148,30.272623],{
		balloonContent:'Балун 1',
		hintContent:'Стандартный значок метки 1',
	},{
		preset:'islands#redDotIcon'
	}),
	Placemark2=new ymaps.Placemark([59.935935,30.363452],{
		balloonContent:'Балун 2',
		hintContent:'Стандартный значок метки 2',
	},{
		preset:'islands#redDotIcon'
	});
	myMap.geoObjects.add(Placemark1).add(Placemark2);
	myMap.behaviors.disable('scrollZoom');
}

CSS:

#map{
	height:390px;
}
[class*="ymaps-2"][class*="-ground-pane"]{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter:grayscale(100%);
}

На основе: http://jsfiddle.net/9aj8j/76/

Categories: Web Tags: ,
11 января 2017 Нет комментариев

Например, для случайного значения от 1,08 до 1,15

$x=rand(108,115)/100;
Categories: PHP Tags:
10 января 2017 Нет комментариев
echo '<ul>';
wp_list_categories('orderby=order&title_li=');
echo '</ul>';

Вместо, к примеру:

echo '<ul>';
wp_list_cats('sort_column=name&optioncount=0&depth=1');
echo '</ul>';
Categories: CMS Tags:
29 декабря 2016 Нет комментариев

Решаем проблему с тем, что атрибут required не работает в мобильных safari (возможно еще где-то).
Обновлено:

$('form').on('submit',function(){
	var required=$(this).find('[required="required"]');
	var error=false;
	$(required).each(function(){
		if($(this).val()==''){
			$(this).css('border-color','#e03c42');
			if(!error){
				$(this).focus();
			}
			error=true;
		}
		else{
			$(this).css('border-color','#ffffff');
		}
	});
	if(error){
		return false;
	}
});

Прежний вариант:

$('form').on('submit',function(){
	var required=$(this).find('[required="required"]');
	var error=false;
	for(var i=0;i<=(required.length-1);i++){
		if(required[i].value==''){
			required[i].style.backgroundColor='rgb(255,155,155)';
			error=true;
		}
		else{
			required[i].style.backgroundColor='white';
		}
	}
	if(error){
		return false;
	}
});

Оригинал с http://stackoverflow.com/questions/10664356/html5-form-element-required-on-ipad-iphone-doesnt-work

$('form').submit(function(){
	var required=$('[required="true"]');
	var error=false;
	for(var i=0;i<=(required.length-1);i++){
		if(required[i].value==''){
			required[i].style.backgroundColor='rgb(255,155,155)';
			error=true;
		}
	}
	if(error){
		return false;
	}
});

Или на основе чего-нибудь из (http://stackoverflow.com/questions/23261301/required-attribute-not-work-in-safari-browser):

$("form").submit(function(e){
	var ref=$(this).find("[required]");
	$(ref).each(function(){
		if($(this).val()==''){
			alert("Required field should not be blank.");
			$(this).focus();
			e.preventDefault();
			return false;
		}
	});
	return true;
});
$('#idForm').click(function(e){
	e.preventDefault();
	var sendModalForm=true;
	$('[required]').each(function(){
		if($(this).val()==''){
			sendModalForm=false;
			alert("Required field should not be blank.");
			$('.error-message').show();
		}
	});
	if(sendModalForm){
		$('#idForm').submit();
	}
});
Categories: Javascript Tags:
29 декабря 2016 Нет комментариев
$(".datepicker").datepicker();
$.datepicker.regional['ru']={
	closeText:'Закрыть',
	prevText:'&#x3C;Пред',
	nextText:'След&#x3E;',
	currentText:'Сегодня',
	monthNames:['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
	monthNamesShort:['Янв','Фев','Мар','Апр','Май','Июн','Июл','Авг','Сен','Окт','Ноя','Дек'],
	dayNames:['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
	dayNamesShort:['вск','пнд','втр','срд','чтв','птн','сбт'],
	dayNamesMin:['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
	weekHeader:'Нед',
	dateFormat:'dd.mm.yy',
	firstDay:1,
	isRTL:false,
	showMonthAfterYear:false,
	yearSuffix:''
};
$.datepicker.setDefaults($.datepicker.regional['ru']);
Categories: Javascript Tags:
23 декабря 2016 Нет комментариев
.block{
	column-count:2;
	column-gap:30px;
}

column-gap — межколоночный интервал

Categories: CSS Tags:
21 декабря 2016 Нет комментариев
@keyframes trambling-animation{
	0%,50%,100%{
		transform:rotate(0deg);
	}
	10%,30%{
		transform:rotate(-10deg);
	}
	20%,40%{
		transform:rotate(10deg);
	}
}
.trambling{
	animation:1.2s ease-in-out 0s normal none infinite running trambling-animation;
}

LESS с поддержкой старых браузеров

.transform(@transform){
	-moz-transform:@transform;
	-ms-transform:@transform;
	-webkit-transform:@transform;
	-o-transform:@transform;
	transform:@transform;
}
.animation(@animation){
	-webkit-animation:@animation;
	-moz-animation:@animation;
	-o-animation:@animation;
	animation:@animation;
}
@keyframes trambling-animation{
	0%,50%,100%{
		.transform(rotate(0deg));
	}
	10%,30%{
		.transform(rotate(-10deg));
	}
	20%,40%{
		.transform(rotate(10deg));
	}
}
.trambling{
	.animation(1.2s ease-in-out 0s normal none infinite running trambling-animation);
}

Или используйте jquery плагин jRumble:
https://jackrugile.com/jrumble/

Categories: CSS, Javascript Tags: