Архив

Публикации с меткой ‘javascript’
Зависимые select
24 декабря 2019 Нет комментариев

Javascript:

$(document).ready(function(){
	var select_brand=$('select[name=brand]');
	var select_collection=$('select[name=collection]');
	select_brand.on('change',function(){
		$.ajax({
			url:"/?ajax_action=get_collections&brand="+select_brand.val(),
			dataType:"json",
			success:function(data){
				select_collection.find('option').not(':first').remove();
				$.each(data,function(index,item){
					select_collection.append('<option value="'+item.id+'">'+item.name+'</option>');
				});
				select_collection.trigger("chosen:updated");
			}
		});
	});
});

HTML:

<select name="brand" class="chosen">
	<option value="0">Выбрать</option>
	<?if(count($brands)>0){?>
		<?foreach($brands as $item){?>
			<option value="<?=$item['id']?>"<?if($item['id']==$change_catalog["brand"]){?> selected="selected"<?}?>><?=$item['name']?></option>
		<?}?>
	<?}?>
</select>
<select name="collection" class="chosen">
	<option value="0">Выбрать</option>
	<?if(count($collections)>0){?>
		<?foreach($collections as $item){?>
			<option value="<?=$item['id']?>"<?if($item['id']==$change_catalog["collection"]){?> selected="selected"<?}?>><?=$item['name']?></option>
		<?}?>
	<?}?>
</select>

PHP:

if($_GET['ajax_action']=='get_collections'&&$_GET['brand']>0){
	header("Content-Type: application/json");
	$result=get_from_base('`id`,`name`','collections',"`parent`='".$_GET['brand']."'",'pos');
	echo json_encode($result);
	exit();
}
$brands=get_from_base('`id`,`name`','brands',"1",'`parent`,`pos`');
if($_GET["change_id"]){
	$change_catalog=get_by_id($_GET["change_id"],'catalog');
	if($change_catalog['brand']){
		$collections=get_from_base('`id`,`name`','collections',"`parent`='".$change_catalog['brand']."'",'pos');
	}
}
Categories: Javascript, PHP Tags: ,
javascript tofixed without zeros
20 сентября 2019 Нет комментариев 
n=parseFloat(n.toFixed(1));
Categories: Javascript Tags:
redirect parent from iframe
28 июля 2019 Нет комментариев

Использовать javascript: window.top.location.href
Например вместо:

header("Location: ".$result_data->response->body->url_login);

указать:

header("Location: /?goto=".$result_data->response->body->url_login);

и на самой странице:

<?php
if(isset($_GET['goto'])){?>
<script>
	window.top.location.href="<?=$_GET['goto']?>";
	window.location.href="<?=$_GET['goto']?>";
</script>
<?}?>
Categories: Javascript, PHP Tags: ,
js — invalid form control is not focusable
28 марта 2019 Нет комментариев

Когда, к примеру, input checkbox невидим, а вместо него отображается иконка font awesome или др. и нужно проверить его checked и т.д.
Не использовать display:none или visibility:hidden
Использовать, например, opacity:0;

Categories: CSS, Javascript Tags: ,
readonly required
26 марта 2019 Нет комментариев

Убрать атрибут readonly="readonly" и добавить class="readonly", и js:

$(".readonly").on('keydown paste',function(e){
	e.preventDefault();
});
Categories: Javascript Tags: ,
yandex map get placemark coordinates, открытие placemark извне
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:
hover js after append
1 марта 2019 Нет комментариев

Например:

$(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: ,