jQuery: всплывающий баннер с использованием cookies

В данном примере всплывающее окно на сайте с баннером или текстом реализуется с использованием библиотеки jQuery и плагина jquery.cookie.js. Скачать исходники можно в заключении поста. На изображении ниже пример окна с рандомной картинкой.

jQuery: всплывающий баннер с использованием cookies

jQuery: функция detach

Функция .detach() удаляет все выбранные элементы из DOM (указанный элемент и всех его потомков). В отличие от .remove() jQuery не удаляет информацию о элементе и поэтому он может быть восстановлен.

JavaScript: метод test()

Метод test проверяет строку на наличие совпадений с регулярным выражением. Метод возвращает true, если совпадения были найдены. И false, если нет.

Пример. Поиск в строке символа "e":

var string = "The best things in life are free";
var pattern = new RegExp("e");
var result = pattern.test(string);

jQuery: вызов события

Метод .trigger() вызывает событие у выбранных элементов, что приводит к запуску обработчиков этого события и имеет два варианта использования:

.trigger(eventType, [extraParameters])

eventType — тип вызываемого события. Например "click", "resize" и.т.д. (список всех событий см. ниже).
extraParameters — массив дополнительных данных, передаваемых в обработчик.

Перезагрузка страницы при помощи JavaScript

Есть несколько способов, чтобы обновить текущую страницу при помощи JS:

<input type="button" value="Перезагрузить страницу" onClick="window.location.reload()">
<input type="button" value="Перезагрузить страницу" onClick="history.go(0)">
<input type="button" value="Перезагрузить страницу" onClick="window.location.href=window.location.href">

 

JavaScript: переменная в регулярном выражении

Для того, чтобы использовать переменную в регулярном выражении в JavaScript, необходимо прибегнуть к помощи конструктора new RegExp(…).

Пример:

var type = 1;
var regex = new RegExp('type='+type,'g');

Таким образом, создается динамический regex-объект. Пример дальнейшего использования:

'mystring'.replace(regex, 'newstring');

JavaScript: отметить все checkbox

Имея большое количество полей типа checkbox в форме, крайне неудобно отмечать каждое поле, когда необходимо выбрать все. В подобной ситуации рекомендуется использовать дополнительный checkbox "Отметить все". Ниже приведен пример JavaScript и HTML кода, решающих эту задачу.

JavaScript: отметить все checkbox

Регулярные выражения jQuery для URL

Валидация URL

var url = '/^(https?://)?([da-z.-]+).([a-z.]{2,6})([/w .-]*)*/?$/'; 

Буквы, цифры, дефисы

var url = '/^[a-z0-9-]+$/'; 

Убирает пробелы

var url = /(https?://)?([da-z.-]+).([a-z.]{2,6})([/w.-=?]*)*/?/

Регулярные выражения jQuery для даты

Дата в формате 21/3/2006

var dateRegex = /(d{1,2}/d{1,2}/d{4})/gm;

Дата в формате ММ/ДД/ГГГГ

var dateRegex = '^(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)dd$';

Дата в формате ДД/ММ/ГГГГ

var dateRegex = '^(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)dd$';

JavaScript: массив в случайном порядке

Простое решение рандомного массива в JavaScript.

var array = [1,2,3,4,5];
array.sort(function() { return 0.5 - Math.random() });