Javascript лаборатория PHP заметки - хитрости, советы, решения /javascript-laboratoriya.feed 2018-10-06T18:08:13Z Joomla! 1.5 - Open Source Content Management Отложенная загрузка изображений при помощи JavaScript 2014-12-16T12:29:38Z 2014-12-16T12:29:38Z /javascript-laboratoriya/134-otlozhennaya-zagruzka-izobrazhenij-pri-pomoshhi-javascript.html Administrator admin@php-zametki.org <p> <strong>Загрузка изображений на странице</strong> иногда может стать камнем преткновения в работе веб-мастера. Бывает так, что страница имеет помимо текстового содержимого еще и большую массу изображений. Например страницы галерей, или страницы каталогов с большим количеством товаров, и это вовсе не признак того, что веб-мастер не знаком с понятием <a href="/php-prodvinutym/104-extends-pagination.html">постраничной навигации</a>. Иногда руководство сайта хочет иметь много изображений товаров, представленных на какой то одной из страниц. JavaScript функция, представленная здесь, добавит вам немного контроля над загрузкой изображений на вашей странице. И, да. Как обычно, обходимся без jQuery :) </p> <p> <strong>Загрузка изображений на странице</strong> иногда может стать камнем преткновения в работе веб-мастера. Бывает так, что страница имеет помимо текстового содержимого еще и большую массу изображений. Например страницы галерей, или страницы каталогов с большим количеством товаров, и это вовсе не признак того, что веб-мастер не знаком с понятием <a href="/php-prodvinutym/104-extends-pagination.html">постраничной навигации</a>. Иногда руководство сайта хочет иметь много изображений товаров, представленных на какой то одной из страниц. JavaScript функция, представленная здесь, добавит вам немного контроля над загрузкой изображений на вашей странице. И, да. Как обычно, обходимся без jQuery :) </p> Прокрутка текста на JavaScript в стиле Star Wars 2014-12-15T14:43:16Z 2014-12-15T14:43:16Z /javascript-laboratoriya/133-prokrutka-teksta-na-javascript.html Administrator admin@php-zametki.org <p> Скрипт для <strong>прокрутки текста</strong>, представленный здесь - это функция, которая позволит создавать на странице блоки с прокручиваемым текстом. При определенной фантазии и умении с помощью данного скрипта можно создавать довольно интересные эффекты. Например реализовать прокрутку текста как в фильме Star Wars (Звездные воины). </p> <p> Скрипт для <strong>прокрутки текста</strong>, представленный здесь - это функция, которая позволит создавать на странице блоки с прокручиваемым текстом. При определенной фантазии и умении с помощью данного скрипта можно создавать довольно интересные эффекты. Например реализовать прокрутку текста как в фильме Star Wars (Звездные воины). </p> Javascript бегущий огонек 2014-12-05T15:30:19Z 2014-12-05T15:30:19Z /javascript-laboratoriya/132-javascript-beguschiy-ogonek.html Administrator admin@php-zametki.org <p>Понадобилось мне на днях сделать <strong>"бегущий огонек" на javascript</strong>, без jQuery и каких - либо зависимостей. После недолгого поиска в интернете решил сделать сам. Получился некий цикличный итератор над коллекцией DOM-элементов с таймаутом. Кому нужно - забирайте.</p> <p>Понадобилось мне на днях сделать <strong>"бегущий огонек" на javascript</strong>, без jQuery и каких - либо зависимостей. После недолгого поиска в интернете решил сделать сам. Получился некий цикличный итератор над коллекцией DOM-элементов с таймаутом. Кому нужно - забирайте.</p> Javascript постраничная навигация таблицы 2014-08-27T19:09:05Z 2014-08-27T19:09:05Z /javascript-laboratoriya/131-javascript-table-pager.html Administrator admin@php-zametki.org <p> Постраничная навигация спасает нас когда мы имеем большой объем данных в ограниченном интерфейсе. Иногда так случается, что по независящим от нас причинам мы имеем на "клиенте" таблицы данных большого размера. Это бывает при работе с веб-сервисами например, или по какой другой причине, когда мы не можем реализовать механизм постраничной навигации на стороне сервера. </p> <p> Постраничная навигация спасает нас когда мы имеем большой объем данных в ограниченном интерфейсе. Иногда так случается, что по независящим от нас причинам мы имеем на "клиенте" таблицы данных большого размера. Это бывает при работе с веб-сервисами например, или по какой другой причине, когда мы не можем реализовать механизм постраничной навигации на стороне сервера. </p> Javascript фильтр таблиц 2014-08-23T14:45:53Z 2014-08-23T14:45:53Z /javascript-laboratoriya/130-javascript-filter-table.html Administrator admin@php-zametki.org <p> Наконец, я нашел время и хочу представить вашему вниманию свой новый скрипт, который позволяет осуществить фильтрацию данных в html-таблицах. </p> <p> Наконец, я нашел время и хочу представить вашему вниманию свой новый скрипт, который позволяет осуществить фильтрацию данных в html-таблицах. </p> JavaScript: Получить параметры GET запроса 2013-11-08T11:13:38Z 2013-11-08T11:13:38Z /javascript-laboratoriya/119-poluchit-parametry-get-zaprosa.html Administrator admin@php-zametki.org <p>В GET запросе иногда передаются параметры. Иногда к этим GET параметрам нужно получить доступ из кода JavaScript. Как известно строку GET запроса мы можем получить из свойства объекта <strong>window.location</strong> оно предоставляется всеми браузерами. На его основе и построим нашу функцию.</p> <p>В GET запросе иногда передаются параметры. Иногда к этим GET параметрам нужно получить доступ из кода JavaScript. Как известно строку GET запроса мы можем получить из свойства объекта <strong>window.location</strong> оно предоставляется всеми браузерами. На его основе и построим нашу функцию.</p> Сортировка данных на JavaScript 2012-11-09T00:28:58Z 2012-11-09T00:28:58Z /javascript-laboratoriya/114-javascript-sort-table.html Administrator admin@php-zametki.org <p>Сортировка данных в таблице довольно часто встречающаяся задача, которую приходится решать программисту. И онлайн приложения здесь не исключение. Часто встречается так что вам необходимо отдавать пользователям на "клиент" довольно внушительный объем данных. А большие объемы влекут издержки обработки, поэтому, если вы хотите облегчить вашим пользователям работу, то нужно предпринимать меры.</p> <p>Сортировка данных в таблице довольно часто встречающаяся задача, которую приходится решать программисту. И онлайн приложения здесь не исключение. Часто встречается так что вам необходимо отдавать пользователям на "клиент" довольно внушительный объем данных. А большие объемы влекут издержки обработки, поэтому, если вы хотите облегчить вашим пользователям работу, то нужно предпринимать меры.</p> AJAX : readyState, load и readystatechange 2012-07-09T20:24:51Z 2012-07-09T20:24:51Z /javascript-laboratoriya/112-ajax-readystate.html Administrator admin@php-zametki.org <p>Как мы все знаем работа с технологией <strong>AJAX</strong> требует использования события <strong>readystatechange</strong>. Теоретически мы так же можем использовать событие <em>load</em>, но как мы увидим далее IE до версии 9 его не поддерживает в данном контексте. Событие <em>readystatechange</em> и свойство <em>readyState</em>, имеют несколько особенностей при использовании.</p> <p>Как мы все знаем работа с технологией <strong>AJAX</strong> требует использования события <strong>readystatechange</strong>. Теоретически мы так же можем использовать событие <em>load</em>, но как мы увидим далее IE до версии 9 его не поддерживает в данном контексте. Событие <em>readystatechange</em> и свойство <em>readyState</em>, имеют несколько особенностей при использовании.</p> javascript UI accordion без JQuery UI 2012-07-06T06:04:18Z 2012-07-06T06:04:18Z /javascript-laboratoriya/111-javascript-ui-accordion.html Administrator admin@php-zametki.org <p>Статья для тех, кто хочет использовать такой элемент пользовательского интерфейса, как <strong>javascript UI accordion</strong> (разъезжающиеся вкладки) содержащие контент, но не хочет при этом подключать громоздкие JQuery + JQuery UI. Работает во всех "нужных" браузерах, включая IE линейку, начиная с 6-ой версии. Имеет настройки и собственные события.</p> <p>Статья для тех, кто хочет использовать такой элемент пользовательского интерфейса, как <strong>javascript UI accordion</strong> (разъезжающиеся вкладки) содержащие контент, но не хочет при этом подключать громоздкие JQuery + JQuery UI. Работает во всех "нужных" браузерах, включая IE линейку, начиная с 6-ой версии. Имеет настройки и собственные события.</p> Javascript вкладки без JQuery UI 2012-06-17T13:42:37Z 2012-06-17T13:42:37Z /javascript-laboratoriya/110-javascript-tabs-without-jquery.html Administrator admin@php-zametki.org <p> Материал для тех, кто хочет ипользовать такой элемент пользовательского интерфейса, как вкладки, но совсем не хочет использовать JQuery + JQuery UI. </p> <p> Материал для тех, кто хочет ипользовать такой элемент пользовательского интерфейса, как вкладки, но совсем не хочет использовать JQuery + JQuery UI. </p>