Архив метки: snippet

Перехват события перехода с веб-страницы

На практике часто нужно произвести какое-либо действие в момент, когда пользователь покидает страницу — обычно это сохранение данных, которые еще не успели уйти по ajax или просто текстовое предупреждение. Мне сравнительно недавно понадобилось такое событие, чтобы сбросить таймаут события, которое не стоило выполнять, когда грузится следующая страница.

Есть событие onbeforeunload, отлично для этого подходящее. Кроме полезных действий, можно вернуть из обработчика строку, которая будет использована

HTML5 Boilerplate — Пуленепробиваемый шаблон для разработки HTML5 сайтов

Вышел HTML5 Boilerplate на русском.

HTML5 Boilerplate — это HTML/CSS/JS шаблон для всех маньяков, пишущих быстрые, неглючные и ориентированные на будущее сайты.

Ключевые плюсы:

  • Кросс-браузерность (ага, даже IE6).
  • Настоящий HTML5. Можно сразу использовать новые теги.
  • Правила сжатия и кеширования для супер производительности.
  • Оптимальные параметры для настройки сайта.
  • Поддержка мобильных браузеров.
  • Использование фич в зависимости от возможностей браузера — мы это учли.
  • Специальные классы для Internet Explorer.
  • Классы .no-js и .js, чтобы можно было по-разному стилизовать страницу в зависимости от того, включен ли JavaScript.
  • Хочется юнит-тестов, но лениво их писать? Мы уже написали подробнейшие юнит-тесты для проекта.

Кроссбраузерный способ получить/установить выделение в полях input[text] и textarea с помощью JavaScript

Так как способы чтения/установки выделения в поле ввода различны для разных браузеров, предлагаю вашему вниманию две функции, для выполнения этих операций.
Читать далее 

3 способа получить XOR в Javascript

В Javascript нет встроенной логической функции исключающего или (XOR). 
Напомню, что исключающее или работает также как или, за исключением того, что она принимает значение ЛОЖЬ, когда оба операнда имеют значение ИСТИНА.
Читать далее 

Как прокрутить div со скроллом до низа

Когда используешь div в качестве консоли, добавляя туда данные, подгруженные по ajax или выводя туда отладочные сообщения, неудобно что позиция скроллбара остается неподвижной и видно только самое начало лога.

Нашел такое решение здесь:

var objDiv = document.getElementById("divExample");
objDiv.scrollTop = objDiv.scrollHeight;

Читать далее