AjaxTips

В данной статье я расскажу о том как сделать Ajax запрос с помощью jQuery. Для наглядности покажу пару примеров использования библиотеки jquery для осуществления запросов. А в завершение порассуждаю о том где целесообразно использовать Ajax, а где нет.
Читать дальше

Для того чтобы запустить чат на своем сайте достаточно взять готовые скрипты и разместить их у себя на хостинге. Но для нас легких путей не существует, поэтому в данной статье я расскажу о том как работают интернет-чаты, и как можно сделать свой собственный чат. Так как я считаю, что чатом можно назвать только скрипты работающие через Ajax, в статье будет описываться именно этот подход получения данных. В конце статьи я приведу готовые скрипты для организации чата.
Читать дальше

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

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

Для того чтобы сделать ваш сайт более профессиональным рекомендую создать такую вещь как индикатор загрузки файлов. Естественно, что сама загрузки должна осуществлять через Ajax. В данной статье я расскажу о том, как работает индикатор загрузки на javascript, а так же приведу конкретный пример создания собственного загрузчика, написанного на jquery.
Читать дальше

В данной статье я подробно рассмотрю вопрос создания собственной галереи изображений. Несмотря на то, что существует огромное количество готовых решений, мне кажется не будет лишним самостоятельно разобраться в данном вопросе. Хотя бы с целью развития себя как программиста. Я не предлагаю писать все с нуля, вместо этого я рекомендую использовать фреймворк jquery, который позволит не думать о мелких технических вопросах, а сосредоточиться на главном. Далее в статье я подробно расскажу как создать свою собственную галерею изображений, а в конце приведу готовые скрипты.
Читать дальше

.fadeIn( [ duration ], [ callback ] )
Функция fadeIn() служит для создания эффекта проявляющихся элементов путем изменения параметра «opacity» с 0% до 100%.

.fadeIn( [ duration ], [ callback ] )
duration - строка или число, определяющее длительность анимации.
callback - функция, к которой обращается программа, как только анимация закончится.  

Параметр «duration» задает скорость анимации в миллисекундах. Если вместо числа указать значение «fast» или «slow», то длительность анимации будет соответствовать интервалам 200 и 600 миллисекунд. Если указать другие строковые значения или не задать параметр вообще, то по умолчанию используется интервал в 400 миллисекунд.

Параметр Callback — это указатель на функцию, которая запускается после завершения анимации (необязательный параметр). Как правило, это свойство используется, чтобы связать несколько разных анимаций.
Сделать анимацию можно для любого элемента, например, для простого изображения:

<div id="clickme">
      Click here
    </div>
    <img id="book" src="book.png" alt="" width="100" height="123" />
    With the element initially hidden, we can show it slowly:
    $('#clickme').click(function() {
      $('#book').fadeIn('slow', function() {
        // Animation complete
      });
    });

Обычно люди используют ExtJS.ArrayStore для загрузки данных с сервера, но иногда возникает задача создать объект ArrayStore с уже предустановленными данными, которые загружаются в браузер вместе с самим JavaScript приложением.

Для этого в Ext.ArrayStore предусмотрен метод «loadData», который используется следующим образом:
Читать дальше

Неплохая социальная сеть разработчиков на jQuery, выполненная в стиле Digg.

У нас на форум задали интересный вопрос: «Как динамически сменить иконку favicon на сайте?». Не долго думая, я написал простенькую функцию, которую и предлагаю вашему вниманию.

Читать дальше

В данной заметке я коротко расскажу о некоторых особенностях работы с элементами FormPanel в ExtJS. В частности расскажу о том для чего нужны поля reader и readerError. В конце статьи приведу несколько полезных примеров использования FormPanel.
Читать дальше

Появилась у меня простенькая задача — после загрузки модулей Снапа вызвать callback функцию. Для Огнелиса и Оперы тупо использовал событие onload. Код примерно такой:

var s = document.createElement( 'script' );
s.src = 'la-la-la.js';
s.onload = function() { .... }

Читать дальше

Программирование на JavaScript имеет один серьезный недостаток — необходимо постоянно думать о совместимости в различных версиях браузера. Очень часто, приходится писать несколько вариантов реализации одного и того же алгоритма. Проверять каждый раз под каким браузером запущен код — занятие нелепое! Удобно в начале выполнения скрипта определить флаги, по которым определять поддерживает браузер то или иное свойство, например, чтобы определить поддерживает ли браузер DOM, вводим такой флаг:
Читать дальше

Как-то John Resig опубликовал у себя интересную заметку Bad Object Detection, в которой размышляет на тему, того какие техники лучше не использовать при написании кроссбраузерных приложений. Хочу поговорить об этом подробнее.
Читать дальше

Сегодня наткнулся на интересную реализацию функции str_repeat на Javascript. По словам автора она обладает просто феноменальной скоростью работы. Сам не проверял, поэтому так ли все обстоит на самом деле не знаю.
Читать дальше

Широко известный факт, что в JS нет классов, а значит нет наследования. Но при сильном желании можно реализовать механизмы наследования самостоятельно. Например, используя трюки, которые описаны далее.
Читать дальше

В данной статье я расскажу о том как сделать динамическое меню с помощью jQuery. Для наглядности будет рассмотрен пример создания простейшего динамического меню, а в конце статьи будет размещен итоговый код и архив содержащий рабочий пример простейшего меню.
Читать дальше

Наверное все знают, что на сегодняшний день при работе с AJAX существует два основных формата для получения данных от сервера — XML и JSON. По идеи основным должен быть вариант с использованием XML (это следует из расшифровки термина AJAX). Но программисты используют этот термин гораздо шире. Фактически Ajax стал синонимом веб-приложений, которые работают по принципу частичной загрузки данных (проще говоря без перезагрузки веб-страницы). При этом данные как правило поступают либо в формате JSON, либо в формате XML. Поэтому имеет смысл сравнить эти два варианта.
Читать дальше

Данный термин еще очень молод, придумал его Джесс Джеймс Гаррет (Jesse James Garrett). Название говорит, что за основу берется использование JavaScrіpt, а точнее в центре разработки лежит использование объекта языка JavaScrіpt – XMLHttpRequest, который разрешает осуществление запросов к серверу после того, как страница загрузилась. Контакт между клиентом и сервером осуществляется не одновременно, используя ХML представление. Существуют и другие аналогичные объединения как (Asynchronous Java + XML) и (Asynchrounous ActіonScrіpt + SWF).

Есть общность, созданная веб-ориентированными технологиями, которые, объединяясь, дают выход на новый уровень развития веб-технологий.

Основную популяризацию AJAX осуществляет компания Google, которая использует данный подход при создании популярных веб-ресурсов Gmaіl, Google maps и Google suggest, это вызывает интерес среди веб-разработчиков.
Читать дальше