Записи с меткой javascript - Страница 10 из 20

Архив

Публикации с меткой ‘javascript’

jquery css replace px — получить целое число к примеру ширины

6 декабря 2015 Нет комментариев

Просто parseInt…

var window_width=parseInt($(window).width());

datepicker inline переходить по ссылке

30 ноября 2015 Нет комментариев

$(function(){
	$("#datepicker").datepicker({
		onSelect:function(){
			window.location.href="/?item=list_works&date="+$(this).val();
		}
	});
});

<div id="datepicker"></div>

Categories: Javascript Tags: javascript, jquery

form get убрать лишние параметры

30 ноября 2015 Нет комментариев

В примере необходимо генерировать в URL фильтрацию по цене только в том случае, если пользователь сам изменил ползунок выбора цены.
Т.е. нужно не передавать определенные параметры в _GET (по ситуации).
Часть формы (добавляем hidden поля):

<form method="get" action="" id="filter_form">
	от <input type="text" name="price_from" id="price_from" value="100"/>
	до <input type="text" name="price_to" id="price_to" value="1000"/>
	<input type="hidden" id="price_min" value="100"/>
	<input type="hidden" id="price_max" value="1000"/>
</form>

Яваскриптом дисаблим inputы, если их значения не меняли.

$(function(){
	$("#filter_form").submit(function(){
		if($("#price_from").val()==$("#price_min").val()){
			$("#price_from").attr("disabled","disabled");
		}
		if($("#price_to").val()==$("#price_max").val()){
			$("#price_to").attr("disabled","disabled");
		}
	});
});

Categories: Javascript, PHP, Web Tags: javascript, jquery, PHP

jquery направление скролла

13 ноября 2015 Нет комментариев

var lastScrollTop=0;
$(window).scroll(function(event){
	var st=$(this).scrollTop();
	if (st>lastScrollTop){
		//вниз
	}
	else {
		//вверх 
	}
	lastScrollTop=st;
});

http://www.cyberforum.ru/javascript-jquery/thread786347.html

Categories: Javascript Tags: javascript, jquery

javascript: window.location.reload cache

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

Чтобы перезагрузить страницу без кэша вместо:

window.location.reload();

добавить:

$.ajax({
	url:window.location.href,
	headers:{
		"Pragma":"no-cache",
		"Expires":-1,
		"Cache-Control":"no-cache"
	}
}).done(function(){
	window.location.reload(true);
});

Categories: Javascript Tags: javascript

fancybox disable right click

15 сентября 2015 Нет комментариев

Запретить контекстное меню в fancybox

$("a[href$='.jpg'], a[href$='.jpeg'], a[href$='.png'], a[href$='.gif']").fancybox({
	helpers:{title:{type:'over'}},
	padding:'0',
	beforeShow:function(){
		/* Disable right click */
		$.fancybox.wrap.bind("contextmenu",function(e){
			return false;
		});
		/* Disable drag */
		$.fancybox.wrap.bind("dragstart",function(e){
			return false;
		});
	}
});

Categories: Javascript Tags: javascript

google maps open marker with link — открыть хинт кликом по ссылке

25 августа 2015 Нет комментариев

Открыть хинт нажатием по ссылке вне карты:
Полный рабочий пример:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
	var markers=[];
	function initialize(){
		var hLatlng=new google.maps.LatLng(59.939095,30.315868);
		var hOptions={
			zoom:10,
			center:hLatlng,
			panControl:false,
			zoomControl:true,
			scalecontrol:true,
			scrollwheel:false,
			mapTypeId:google.maps.MapTypeId.ROADMAP
		}
		var map=new google.maps.Map(document.getElementById("map_canvas"),hOptions); 
		var contentString='<div class="info_content" id="info_content_1"><p>Адрес 1</p></div>';
		var iLatlng=new google.maps.LatLng(59.939095,30.315868);
		var infowindow_1=new google.maps.InfoWindow({
			content:contentString
		});
		var marker_1=new google.maps.Marker({
			position:iLatlng,
			map:map,
			title:'Адрес 1'
		});
		markers.push(marker_1);
		google.maps.event.addListener(marker_1,'click',function(){
			infowindow_2.close();
			infowindow_1.open(map,marker_1);
		});
		var contentString='<div class="info_content" id="info_content_2"><p>Адрес 2</p></div>';
		var iLatlng=new google.maps.LatLng(59.90825,30.362823);
		var infowindow_2=new google.maps.InfoWindow({
			content:contentString
		});
		var marker_2=new google.maps.Marker({
			position:iLatlng,
			map:map,
			title:'Адрес 2'
		});
		markers.push(marker_2);
		google.maps.event.addListener(marker_2,'click',function(){
			infowindow_1.close();
			infowindow_2.open(map,marker_2);
		});
	}
	$(window).load(function(){
		initialize();
	})
</script>
<div class="addr_item">
	<p>Адрес 1 <a href="javascript:google.maps.event.trigger(markers[0],'click');">Показать на карте</a></p>
</div>
<div class="addr_item">
	<p>Адрес 2 <a href="javascript:google.maps.event.trigger(markers[1],'click');">Показать на карте</a></p>
</div>
<div id="map_canvas" style="width:640px;height:480px;"></div>

Для дополнительного функционала добавлено:
var markers=[];
markers.push(marker_1);
javascript:google.maps.event.trigger(markers[0],'click');
Предполагается, что адреса внутри foreach и порядок их инициализации на карте, и порядок ссылок совпадает.
infowindow_1.close(); — здесь нужно закрыть все остальные infowindow — также foreach тот же массив

Categories: Javascript Tags: javascript