Архив

Публикации с меткой ‘jquery’
jcarousel connected carousels autoplay
18 февраля 2015 Нет комментариев 
setInterval("$('.carousel-stage').jcarousel('scroll','+=1')",5000);
Categories: Javascript Tags:
jcarousel connected carousels circular
18 февраля 2015 Нет комментариев 
.jcarousel({wrap:'circular'})
Categories: Javascript Tags:
jquery: $(document).ready для подгруженного контента
5 февраля 2015 Нет комментариев

Например для отправки формы вместо:

$(document).ready(function(){
	$('.formclass').submit(function(){
		alert(1);
	});
});

нужно:

$(document).ready(function(){
	$('.formclass').live('submit',function(){
		alert(1);
	});
});
Categories: Javascript Tags:
jquery: плавный переход к якорю
19 февраля 2014 Нет комментариев 
$(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

Categories: Javascript Tags:
fancybox onmouseover
23 сентября 2013 Нет комментариев 
$("a[href$='.jpg'],a[href$='.JPG'], a[href$='.png'], a[href$='.gif']").fancybox({
	'showCloseButton': false
}).hover(function() {
	$(this).click();
	$(".fancybox-overlay").mouseout(function() {
		$.fancybox.close();
	});
});
Categories: Javascript Tags: ,
jquery: slideToggle — проверить состояние
27 мая 2013 Нет комментариев

Действия при сворачивании и разворачивании блока..

function ToggleHSL() {
	$('#hsl').slideToggle('normal',function(){
		if ($(this).is(':hidden')) {
			$('#top').css('margin-top','0px');
		} else {
			$('#top').css('margin-top','-216px');
		}
		return false;
	});
}

http://www.sitepoint.com/forums/showthread.php?572201-jquery-finding-the-state-of-slideToggle

Categories: Javascript Tags: ,
jquery: версия для печати
1 февраля 2013 Нет комментариев

Javascript:

function printBlock() {
	$("input").each(function(){
		$(this).attr("value", $(this).val());
	});
	$("select").each(function(){
		var val=$(this).val();
		$("option[value='"+val+"']", this).attr('selected', 'selected');
	});
	var PrintContent=$('#PrintContent').html();
	$('body').addClass('printSelected');
	var Logo='<div class="printLogo"><img src="/templates/images/logo.gif" alt=""/></div>';
	var Contacts='<div class="printPhone"><b>Адрес</b><br/>Телефон</div><div style="clear:both;"></div>';
	$('body').append('<div class="printSelection">'+Logo+Contacts+PrintContent+'</div>');
	var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
	if (!is_chrome) {
		window.print();
		window.setTimeout(pageCleaner,0);
	}
	else {
		document.onmousemove=window.print();
		window.setTimeout(pageCleaner,1000);
	}
	return false;
}
function pageCleaner() {
	$('body').removeClass('printSelected');
	$('.printSelection').remove();
}

CSS:

/*-------------------- PRINTER --------------------*/
.printLogo {float:left;}
.printPhone {float:right;margin-right:10px;}
.printPhone td{vertical-align:top;padding-right:25px;}
.printSelected { background: #ffffff; padding: 10px; }
.printSelected div { display:none; }
.printSelected div.printSelection { display:block; }
.printSelected div.printSelection div { display:block; }
.printlink { float:right; }
.printlink img{ cursor:pointer; }

HTML :

<div class="printlink" onclick='printBlock();'><img alt="Распечатать" src="/images/print.gif" /></div>
<div id="PrintContent">
...
</div>
Categories: Javascript Tags: ,