Java

Facebook Twitter

Using jQuery and Ajax To Create PHP Sessions. EOGallery, an AJAX image gallery with slideshow animation effect made with jQuery. Slider Gallery. Очередной блог фрилансера. Любой владелец интернет-ресурса (даже самого скромного), размещающий фотографии или картинки, рано или поздно задумывается о том, как бы получше организовать их отображение.

Очередной блог фрилансера

А все для вас дорогие читатели, чтобы вам понравилось, чтобы вам было удобно, чтобы вы захотели сюда вернуться. И в сегодняшней статье, мы рассмотрим три различных способа организации слайд-шоу, с помощью моих любимых плагинов к JQuery. Как и прежде, для их использования вам не понадобятся какие-либо специальные знания JavaScript, несмотря на то, что плагины очень просты в применении, они произведут прекрасное впечатление на ваших пользователей. JQuery SlideView. Moving Boxes. Правильные ссылки. Гипертекстовая ссылка (или просто ссылка) является одной из базовых конструкций гипертекста и служит для связи одного веб-ресурса с другим.

Правильные ссылки

Все прекрасно знают, что такое ссылка и как ее поставить в HTML. (Желающие могут освежить свои знания в первоисточнике: HTML 4.01 Specification: Links.) Но, к сожалению, часто встречаются примеры неправильного использования ссылок и применения их не к месту. Пример 1. Открываем новые окна. Кеш vs. getElementById() Функцией getElementById() пользуются чаще других.

Кеш vs. getElementById()

Но если на странице слишком много элементов, которые требуется неоднократно найти, скрипт работает непозволительно медленно. Многократно проверенный способ улучшить ситуацию — предварительно создать массив и поместить в него указатели на все элементы, к которым программа обращается наиболее часто. Вместо непосредственного вызова getElementById() следует сформировать массив ссылок. Про наши «админы» Как узнать положение элемента на странице (определение координат элемента)? - Примеры JavaScript - HTML, CSS, JavaScript - Web-технологии - CyberGuru.ru. HTML / XHTML Standard Event Attributes. .offset. FadeIn - Русская документация по jQuery. Делает видимыми все элементы набора, используя изменение прозрачности элементов.

fadeIn - Русская документация по jQuery

Также, по завершению операции возможен запуск функции, переданной в аргумент “вызов”. Для данного типа анимации используется лишь изменение прозрачности, подразумевая, что все совпавшие элементы набора уже имеют какие-то значения высоты и ширины. Аргументы: Animate, всплывающий div box сделать по центру. Есть 2 div box'a (photo_box и property_box).

animate, всплывающий div box сделать по центру

Вроде как один box (photo_box) это div с уменьшенной картинкой, а второй box (property_box) это div, куда входит увеличенная картинка с детальным описанием этой картинки. Второй box всплывает при наведении на первый (меньший) box. Всплывающие окно. Сделать всплывающие div окно при нажатии на кнопку можно использовать как подсказку, полностью подходит под интерфейс сайта , легко настраиваются размеры , стили и место появления , можно обходиться без php скрипт хорошо работает на html страницах размеры и место появления окна можно легко изменить в внутри кода , если внутри ещё сделать стили под сайт то это всплывающее окно гармонично впишется в дизайн сайта и не будет раздражать посетителей т.к это всплывающее окно открывается не автоматически , а по желанию нажимающего кнопку код див окна.

всплывающие окно

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

Всплывающие подсказки jQuery

Установка стандартная и не потребует больших усилий. Для того,чтобы показывать всплывающие подсказки с помощью атрибута title необходимо добавить соответствующую html разметку. Вот как она будет выглядеть: <p><a id="houdini" href="houdini.html" title="Houdini was an escape artist. |He was also adept at prestidigitation. " Building an AJAX currency converter with PHP, jQuery and Google. .val. Конвертер валют. Путешественникам и туристам, а так же людям, которые просто часто бывают заграницей очень важно иметь возможность конвертировать валюты и следить за динамикой их изменения.

Конвертер валют

Задача. Сделать удобный конвертер валют для Drupal с расширенными возможностями. Реализация. Конвертер валют способен не просто переводить валюту из одной в другую, но помимо этого учитывать процент, который непременно вычтут при конвертации, а так же осуществлять конвертацию на любую из прошедших дат. Создание AJAX конвертора курсов валют при помощи PHP, jQuery и Google. Если вы не знаете, то я вам открою страшную тайну!

Создание AJAX конвертора курсов валют при помощи PHP, jQuery и Google

Помимо основных функций поисковой системы Google предоставляет ещё и множество других услуг. Одна из них это калькулятор с расширенными возможностями. Yahoo! Smush.it™ Обработчик или источник события scroll — JQuery. Материал из JQuery .scroll() Устанавливает обработчик "прокрутки" элементов документа, либо, запускает это событие.

Обработчик или источник события scroll — JQuery

Метод имеет три варианта использования: .scroll(handler(eventObject)):jQueryv:1.0 handler(eventObject) — функция, которая будет установлена в качестве обработчика. Таблицы стилей CSS - Русская документация по jQuery. 11.02 Окна Web-обозревателя. Автор: Denisido Дата: 2010-12-06 Первым делом нужно еще раз отметить, что консорциумом W3C на данный момент не было прописано четких правил стандартизации свойств и методов объекта Window для разных Web-обозревателей. Поэтому одни поддерживают свои свойства и методы, другие, соответственно, свои. Исходя из этого мы возьмем скрипт из предыдущего урока и в дальнейшем будем подключать его ко всем необходимым страницам: Scroll() - школа XHTML. .scroll( handler(объектСобытия) ) Описание: Привязывает обработчик события к событию "scroll" JavaScript, или вызывает данное событие на элемент. .scroll( handler(объектСобытия) )

Google map

CSS оформление select. Есть наверное куча плагинов предоставляющие возможность изменения обычных select на необычные, или такие которые хотя бы отображались бы во всех браузерах одинаково. Но нам же это не интересно , сейчас попробуем сделать из обычного селекта необычный т.е. будет выглядеть примерно так: JavaScript скрипты: Canvas - создание многоугольников. Сам себе Web-дизайнер: помощь дизайнеру сайтов.

Drawing shapes.