Как определить версию Internet Explorer в javascript

Введение

Как определить версию Internet Explorer в  javascriptЯ уже как-то писал статью про определение браузера средствами JavaScript, но сегодня я столкнулся с другой проблемой — как определить конкретную версию Internet Explorer. Как всем известно этот браузер постоянно преподносит нам сюрпризы, и каждая его версия практически живет свое жизнью. Бывают такие ситуации, что код адекватно работает в 9-й версии, но не работает в 8-й, и наоборот. И такие моменты встречаются при работе с каждой версией. Поэтому рано или поздно вам придется столкнуться с проблемой определения конкретной версии IE.
Читать далее «Как определить версию Internet Explorer в javascript»

Поворот тени элемента в сторону курсора на javascript

В этой коротенькой статье, я хочу показать как можно реализовать поворот тени элемента в сторону курсора средствами javascript. Для поворота тени будем использовать css. По сути тут все упирается в математику: получаем координаты элемента, координаты курсора, находим третью точку и строим треугольник. Потом получаем угол в треугольнике. После получения угла нам нужно будет узнать в каком квадранте находится курсор и высчитать уже необходимый угол. На рисунке я схематично изобразил процесс:
Читать далее «Поворот тени элемента в сторону курсора на javascript»

Ловим callback кнопки «Нравится» от Facebook

Ловим callback кнопки Нравится от FacebookНедавно я уже писал о том как можно «поймать» действие(поставлен лайк или убран лайк) с социальной кнопки «Мне нравится» от ВКонтакте. Теперь дошло дело до Фейсбука. Сделаем с его кнопкой тоже самое — навесим на него обработчики. Обработчиков будет два: первый сработает сразу после установки лайка, а второй сработает в случае снятия лайка. Читать далее «Ловим callback кнопки «Нравится» от Facebook»

Действие при прокрутке колесика мышки

Действие при прокрутке колесика мышкиХочу показать короткий, но весьма полезный кусочек javascript кода. Редко, но бывает необходимо отловить прокрутку колесика мышки и навесить на это действие обработчик.
Читать далее «Действие при прокрутке колесика мышки»

«Прокачанная» кнопка лайка от ВКонтакте. Ловим callback

Прокачанная кнопка лайка от ВКонтакте. Ловим callbackВ этой статье я покажу как можно «прокачать» кнопку от стандартного виджета ВКонтакте «Мне нравится».
Оказывается можно улучшить виджет, а именно передавать для репоста свои тексты, ссылку и картинку. Также можно отслеживать поставлен лайк или снят.
Читать далее ««Прокачанная» кнопка лайка от ВКонтакте. Ловим callback»

Получение угла, на который повернут элемент средствами javascript

Получение угла, на который повернут элемент средствами javascript
В этой короткой статье я покажу как можно получить угол наклона элемента на странице.
Угол наклона задается с помощью css свойств, для каждого браузера свое свойство, вот например, поворот на 45 градусов выглядит так: Читать далее «Получение угла, на который повернут элемент средствами javascript»

Прелоадер на месте еще не подгруженной картинки

Прелоадер на месте еще не подгруженной картинкиК сожалению быстрый интернет имеют не все пользователи. В связи с этим возникают некоторые проблемы, одна из проблем — это не прогруженные картинки. Пока картинки не до конца загрузились в некоторых случаях может расползаться верстка или просто сайт будет казаться пустым.
В связи с этой проблемой я решил попробовать немного улучшить ситуацию — написать скрипт, который будет выводить на месте не прогруженных картинок прелоадеры. А после того как картинка будет полностью загружена — прелоадер должен исчезнуть и на его месте появиться картинка.
Читать далее «Прелоадер на месте еще не подгруженной картинки»

Как дождаться окончания анимации в jQuery

Как дождаться окончания анимации в jQueryВ этой статейке, я покажу как можно быстро и просто заблокировать действия до завершения анимации, вызванной с помощью jQuery aminate()
Очень часто бывает жизненно необходимо дождаться завершения анимации, случаи бывают разные — каруселька, галерея и многое другое.
Раньше я изобретал «велосипед» — добавлял всевозможные таймеры, блокировал страницу, и тд. Но сегодня полистав документацию jQuery, я наткнулся на интересную возможность функции animate(). Оказывается, помимо параметров анимации и скорости, эта функция может вызывать действия по завершению анимации.
Читать далее «Как дождаться окончания анимации в jQuery»

Получение данных из xml с помощью jQuery

Получение данных из xml с помощью jQueryСегодня я хочу показать, как можно с помощью javascript(с применением библиотеки jQuery), можно получить и обработать XML файл.
Получение xml-файла можно реализовать с помощью ajax`a, а после получения содержимого xml его легко можно «разобрать» средствами jQuery, теми же самыми, что используются для поиска и обращения к элементам на странице.
Читать далее «Получение данных из xml с помощью jQuery»

Пример работы с checkbox. Выбрать все, отменить все и получить выбранные

Пример работы checkbox. Выбрать все, отменить все и получить выбранныеВ этой статейке я покажу как можно с помощью библиотеки jQuery работать с чекбоксами. А именно выбрать все, отменить все и получить номера выбранных checkbox`ов.
Для начала, давайте выведем на страницу пять чекбоксов и три кнопки — «Снять все чекбоксы», «Выбрать все чекбоксы» и «Получить номера выбранных». Html код будет выглядеть так:
Читать далее «Пример работы с checkbox. Выбрать все, отменить все и получить выбранные»