www.Litecode.ru – Сборник рецептов для создания сайтов

Программирование на языке JavaScript. Примеры на jQuery.

Главная → JavaScript

09.01.2011
Ajax очень удобен для точечных заросов, но только если они, эти запросы на свой домен. Если же речь идет о внешнем домене — то не во всех браузерах сработает, в IE точно. Это не возможно по соображением безопасности. Например в IE 8, POST-запрос осуществляется, но почему-то js-консоль ругается все равно. Например, необходимость кроссдоменных ajax-ов, может возникнуть при сборе статистики с помощью js-обработчиков...
24.08.2011
Представляю рабочий вариант нанесения меток на Яндекс карту с помощью API Yandex maps. Теорией и доками грузить не буду, это есть здесь. Сразу к делу.
Все что нужно - получить ключ для api и сгенерить на сервере массив с данными с помощью php, perl или чем больше нравится. Для примера нанесем на карту три станции Московского метро...
22.06.2010
Наверняка многие разработчики как минимум слышали о существовании HTML — редакторов, встраиваемых в веб страницы. Хочу представить Вам пожалуй самый продвинутый на сегодняшний день WYSIWYG. Для непосвященных опишу в двух словах о чем идет речь. Если Вы или Ваши клиенты хотите своими руками редактировать контент сайта, а познавать основы html нет времени или желания — то Ckeditor то что нужно...
19.06.2010
Простой как дважды два плагин плавной смены изображений на базе библиотеки jquery (1.4.2). Работает по принципу наложения одного изображения на другое средствами css. Далее в бесконечном цикле одновременно в противофазе изменяем прозрачность обоим элементам. В момент когда блок скрыт от показа меняем его изображение и ссылку с него...
15.10.2010
С Вашего позволения немного теории. Ajax - Asynchronous Javascript and XML, что по русски означает “Асинхронный Javascript и XML”. По сути, ajax это xml – запрос, который формируется средствами javascript...
16.10.2010
Библиотека prototype.js прижилась в веб программировании раньше чем jquery. И всвязи с этим случается так, что нужно внедрить некоторые фичи jquery в проект, который уже использует prototype. В этом случае возникнут проблемы. Дело в том, что обе эти библиотеки используют функцию $() в своих пространствах имен. Следовательно работать будет та, которая будет загружена последней. Последняя библиотека переопределяет эту функцию под себя...
02.10.2010
В статье приведен пример запуска плагина галереи lightbox на jquery и здесь же можно скачать рабочий вариант.
22.09.2010
Те, кто сталкивался с высоко нагруженными проектами, наверняка знают что такое ajax, и что такое jQuery. Знают и ценят их существование. Но речь не о них. Эта статья скорее для программистов, впервые столкнувшихся с этим вопросом. Сегодня речь пойдет об ajax на jquery...
02.09.2010
На днях запускал новую web-систему, в которой реализовал левое меню на jQuery Accordion. На этапе тестирования кроссбраузерности, как всегда огорчил IE, причем, восьмой версии. В стандартном примере, здесь http://jqueryui.com/demos/accordion/, этот косяк малозаметен, но если внимательно присмотреться — видно. Но стоит чуть модифицировать верстку, под требуемый шаблон, то дергаться в IE начинает конкретно, причем и по высоте и по ширине...
01.09.2010
Один из самых простых методов манипулирования cookies это javascript. Преимущество такого способа это простота доступа — document.cookie. Однако работа с cookies на чистом javascript таит в себе кучу сюрпризов. Поэтому, лучше использовать небольшой плагин на jQuery.cookie...
30.08.2010
jQuery — javascript библиотека, состоящая из кроссбраузерных функций — оплеток для манипулирования элементами DOM (Document Object Model — Объектная модель документа). Главный ее принцип это автоматическое применение нужного механизма, в зависимости от браузера. К примеру, получение элемента html документа по ID, в разных браузерах происходит по разному...
25.08.2010
ColorBox - это один из плагинов на jQuery для отображения фотогалереи, с более продвинутым функционалом чем у традиционных. Первое - этот плагин практически не глючит и фото всегда по центру экрана. Как и все аналоги, имеет кучу настроек для управления прозрачностью фона, скоростью показа, эфектами, размерами, надписями и т.д. ColorBox имеет несколько интерфейсов. Кроме того, в данном плагине, предусмотрен показ html-кода во всех возможных вариантах...
21.08.2010
Выкладываю прототип собственного изобретения для парсинга текстовых полей формы. Понадобится jQuery. Данный пример парсит и налету удаляет недопустимые символы, при этом поле подсвечивается красным (реальный фильтр для урлов, кирилица и спецсимволы запрещены)...
10.08.2010
Регулярное выражение для проверки e-mail

На сегодняшний день, практически любой сайт имеет примочки на JavaScript. Без него невозможно создать ни одну динамическую страницу. Для начинающих отмечу, что javascript это объектно-ориентированный язык web программирования, для манипуляции элементами объектной модели документа (DOM). Так же, в javascript есть возможность вести диалог с сервером, обновляя при этом части html документа, не обновляя полностью сам документ. Такой подход очень полезен на высоко нагруженных web проектах.

Javascript это и средство для улучшения юзабельности сайта и возможность, в некоторых случаях, разгрузить сервер и переложить выполнение некоторого кода на сторону клиента. Например прайсы в интернет магазинах или любые другие таблицы с данными, в которых необходима возможность сортировки по некоторым столбцам. Если сайт находится на слабеньком хостинге, то постоянные запросы с целью сортировки могут его просто положить. В данных случаях, если массивы данных не слишком велики, можно сортировать в javascript.

На развлекательных порталах существует целый ряд всевозможных рейтингов и голосований. Если из-за каждого голоса или оценки отправлять post запрос, то даже мощный сервак может не справиться. В таких случаях лучше использовать ajax. Ajax - Asynchronous Javascript and XML, что дословно означает асинхронный javascript и xml. Данная технология javascript позволяет обмениваться с сервером xml-сообщениями для динамического обновления некоторых частей веб-документа или выполнять обновление базы. Ajax – единственный способ для работы javascript – кода с базой данных.

В современном веб-программировании javascript в чистом виде используется все реже. Всему причина неоднозначная поддержка различными браузерами. Например, еще лет пять назад, чтобы получить элемент по ID в DOM, существовало три основных метода:

function getObj(objID){
    if (document.getElementById) {return document.getElementById(objID);}
    else if (document.all) {return document.all[objID];}
    else if (document.layers) {return document.layers[objID];}
}

И таких примеров очень много. По этой причине, разработчики стали создавать различные библиотеки javascript, которые служили и служат по сей день кроссбраузерными оплетками. В их числе jQuery, prototype, mototools и многие другие. Но кроме обработки кроссбраузерной несовместимости, в них заложены дополнительные примочки в виде различных эффектов. Как бы не было легко писать на jQuery, стоит помнить о существовании чистого javascript, который является базовым и который пока никто не отменял.

В даном разделе Вы найдете много проверенных рецптов на javascript.