Рубрика

Javascript

Всего: 200 записей

javascript: изменение высоты блоков относительно блока с максимальной высотой

25 ноября 2014JavascriptНет комментариев

В примере устанавливаем для всех элементов с class catalog_item высоту самого высокого.

function setEqualHeight(columns){
	var tallestcolumn=0;
	columns.each(
		function(){
			currentHeight=$(this).height();
			if(currentHeight>tallestcolumn) {
				tallestcolumn=currentHeight;
			}
		}
	);
	columns.height(tallestcolumn);
}
$(window).load(function() {
	setEqualHeight($(".catalog_item"));
});

javascript

javascript: запретить прокрутку страницы

18 августа 2014Javascript6 комментариев

document.onmousewheel=document.onwheel=function(){ 
	return false;
};
document.addEventListener("MozMousePixelScroll",function(){return false},false);
document.onkeydown=function(e) {
	if (e.keyCode>=33&&e.keyCode<=40) return false;
}

разрешить прокрутку страницы (обратное действие):

document.onmousewheel=document.onwheel=function(){ 
	return true;
};
document.addEventListener("MozMousePixelScroll",function(){return true},true);
document.onkeydown=function(e) {
	if (e.keyCode>=33&&e.keyCode<=40) return true;
}

javascript

javascript: позиция прокрутки окна

17 августа 2014JavascriptНет комментариев

var scrollTop=window.pageYOffset||document.documentElement.scrollTop;

javascript

Минимальная ширина для вложенных элементов списка равная ширине родительского элемента

16 июля 2014JavascriptНет комментариев

Минимальная ширина для вложенных элементов списка равная ширине родительского элемента, т.е. минимальная ширина ul li ul li равна ширине ul li

$(document).ready(function(){
	$('#top-menu ul li ul li').each(function() {
		$(this).css('min-width',$(this).parent().parent().width());
	});
});

javascript

innerHTML reset form

27 мая 2014JavascriptНет комментариев

При добавлении в форму новых элементов чтобы не сбрасывались текущие значения формы изменить:

//var element=document.getElementById('elementid');
//element.innerHTML+=new_content;
$("#elementid").append(new_content);

javascript

fancybox tpl img alt (alt увеличенных картинок)

27 февраля 2014JavascriptНет комментариев

$(document).ready(function(){
	$("a[href$='.jpg'], a[href$='.png'], a[href$='.gif']").fancybox({
		helpers:{
			title:{
				type:'over'
			}
		},
		padding:'0',
		beforeShow:function () {
			var imgAlt=$(this.element).find("img").attr("alt");
			var dataAlt=$(this.element).data("alt");
			if (imgAlt) {
				$(".fancybox-image").attr("alt",imgAlt);
			} else if (dataAlt) {
				$(".fancybox-image").attr("alt",dataAlt);
			}
		}
	});
});

http://stackoverflow.com/questions/15567620/fancybox-2-1-4-alt-attribute-missing

javascript

jquery: плавный переход к якорю

19 февраля 2014JavascriptНет комментариев

$(document).ready(function() {
	$('a[href^="#"]').click(function () { 
		elementClick = $(this).attr("href");
		destination = $(elementClick).offset().top;
		if($.browser.safari){
			$('body').animate( { scrollTop: destination }, 1100 );
		}else{
			$('html').animate( { scrollTop: destination }, 1100 );
		}
		return false;
	});
});

вместо a name нужно указывать a id
http://serblog.ru/plavnyj-perexod-k-yakoryu-ssylke

jquery