Сборник решений и функций на jQuery

Копирование текста в буфер обмена по клику
Установка таймера на событие
Загрузка внешнего контента
Блокировка скроллбара
Подсветка активной кнопки по клику

1. Копирование текста в буфер обмена по клику

Данная функция позволяет скопировать нужный текст в буфер обмена пользователя

Текст 1

Текст 2

<div id="text1">Текст 1</div>
<div id="text2">Текст 2</div>
<button onclick="copytext('#text1')">Добавить в буфер Текст 1</button>
<button onclick="copytext('#text2')">Добавить в буфер Текст 2</button>

<div id="text1">Текст 1</div>

<div id="text2">Текст 2</div>

<button onclick="copytext('#text1')">Добавить в буфер Текст 1</button>

<button onclick="copytext('#text2')">Добавить в буфер Текст 2</button>

function copytext(el) {
	var $tmp = $("<input>");
	$("body").append($tmp);
	$tmp.val($(el).text()).select();
	document.execCommand("copy");
	$tmp.remove();
}

function copytext(el) {

var $tmp = $("<input>");

$("body").append($tmp);

$tmp.val($(el).text()).select();

document.execCommand("copy");

$tmp.remove();

}

2. Установка таймера на событие

Чтобы запустить какие то события через определенное время, используем:

$(function() {
    window.setTimeout(function() {
		// Событие, которое запустится через 6 секунд после того, как документ готов
	}, 6000);
});

$(function() {

window.setTimeout(function() {

// Событие, которое запустится через 6 секунд после того, как документ готов

}, 6000);

});

3. Загрузка внешнего контента

Если нужно разместить на своей странице данные из стороннего файла, используем:

<div id="loadcontent"></div>

1	<div id="loadcontent"></div>

$("#loadcontent").load("somefile.html", function(response, status, xhr) {
	if(status == "error") {
		$("#loadcontent").html("Ошибка: " + xhr.status + " " + xhr.statusText);
	}
});

$("#loadcontent").load("somefile.html", function(response, status, xhr) {

if(status == "error") {

$("#loadcontent").html("Ошибка: " + xhr.status + " " + xhr.statusText);

}

});

4. Блокировка скроллбара

Данная функция блокирует прокрутку, а не прячет ее:

function OffScroll () {
	var winScrollTop = $(window).scrollTop();
	$(window).bind('scroll',function () {
		$(window).scrollTop(winScrollTop);
	});
}

function OffScroll () {

var winScrollTop = $(window).scrollTop();

$(window).bind('scroll',function () {

$(window).scrollTop(winScrollTop);

});

}

Применение:

OffScroll(); // блокируем
$(window).unbind('scroll'); // разблокируем

1 2	OffScroll(); // блокируем $(window).unbind('scroll'); // разблокируем

5. Подсветка активной кнопки по клику

$('.button').click(function(){
	$('.button').removeClass('active');
	$(this).addClass('active');
});

$('.button').click(function(){

$('.button').removeClass('active');

$(this).addClass('active');

});

Где: button - класс всех кнопок, а active - класс кнопки, на которую кликнули.