Javascript лаборатория

 

Здесь я буду выкладывать свои часто используемые блоки кода и готовые решения (будут попадаться и взятые из сети, но в основном свои - проверенные и рабочие). Конечно, можно многие вещи, представленные здесь, реализовать быстрее и проще при помощи каких нибудь JS библиотек - той же JQuery. Но смысл размещаемого тут материала иной. Знать JQuery - не означает знать Javascript.

Если проект горит и времени нет - JS библиотеки просто спасают, но когда душа просит более низко уровневого творчества, то тут господа мы вспоминаем про Javascript в его чистом виде. Есть и третий вариант, когда не хочется перегружать проект целой подключаемой библиотекой из за одной единственной фишки. Её конечно лучше написать самому. Или подглядеть у кого ... :)

Отложенная загрузка изображений при помощи JavaScript

Загрузка изображений на странице иногда может стать камнем преткновения в работе веб-мастера. Бывает так, что страница имеет помимо текстового содержимого еще и большую массу изображений. Например страницы галерей, или страницы каталогов с большим количеством товаров, и это вовсе не признак того, что веб-мастер не знаком с понятием постраничной навигации. Иногда руководство сайта хочет иметь много изображений товаров, представленных на какой то одной из страниц. JavaScript функция, представленная здесь, добавит вам немного контроля над загрузкой изображений на вашей странице. И, да. Как обычно, обходимся без jQuery :)

Прокрутка текста на JavaScript в стиле Star Wars

Скрипт для прокрутки текста, представленный здесь - это функция, которая позволит создавать на странице блоки с прокручиваемым текстом. При определенной фантазии и умении с помощью данного скрипта можно создавать довольно интересные эффекты. Например реализовать прокрутку текста как в фильме Star Wars (Звездные воины).

Javascript бегущий огонек

Понадобилось мне на днях сделать "бегущий огонек" на javascript, без jQuery и каких - либо зависимостей. После недолгого поиска в интернете решил сделать сам. Получился некий цикличный итератор над коллекцией DOM-элементов с таймаутом. Кому нужно - забирайте.

Javascript постраничная навигация таблицы

Постраничная навигация спасает нас когда мы имеем большой объем данных в ограниченном интерфейсе. Иногда так случается, что по независящим от нас причинам мы имеем на "клиенте" таблицы данных большого размера. Это бывает при работе с веб-сервисами например, или по какой другой причине, когда мы не можем реализовать механизм постраничной навигации на стороне сервера.

Javascript фильтр таблиц

Наконец, я нашел время и хочу представить вашему вниманию свой новый скрипт, который позволяет осуществить фильтрацию данных в html-таблицах.

JavaScript: Получить параметры GET запроса

В GET запросе иногда передаются параметры. Иногда к этим GET параметрам нужно получить доступ из кода JavaScript. Как известно строку GET запроса мы можем получить из свойства объекта window.location оно предоставляется всеми браузерами. На его основе и построим нашу функцию.

Сортировка данных на JavaScript

Сортировка данных в таблице довольно часто встречающаяся задача, которую приходится решать программисту. И онлайн приложения здесь не исключение. Часто встречается так что вам необходимо отдавать пользователям на "клиент" довольно внушительный объем данных. А большие объемы влекут издержки обработки, поэтому, если вы хотите облегчить вашим пользователям работу, то нужно предпринимать меры.

AJAX : readyState, load и readystatechange

Как мы все знаем работа с технологией AJAX требует использования события readystatechange. Теоретически мы так же можем использовать событие load, но как мы увидим далее IE до версии 9 его не поддерживает в данном контексте. Событие readystatechange и свойство readyState, имеют несколько особенностей при использовании.

Еще статьи...

Кто на сайте
Сейчас 23 гостей онлайн