background preloader

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. Function getElementPosition(elemId){ var elem = document.getElementById(elemId); var w = elem.offsetWidth; var h = elem.offsetHeight; var l = 0; var t = 0; while (elem) { l += elem.offsetLeft; t += elem.offsetTop; elem = elem.offsetParent; } Функция возвращает объект со свойствами left, top, width, height, определяющими координаты элемента относительно верхнего угла страницы, а так же его размеры.

Как узнать положение элемента на странице (определение координат элемента)? - Примеры JavaScript - HTML, CSS, JavaScript - Web-технологии - CyberGuru.ru

Пример: pos = getElementPosition("myDiv"); var left = pos.left; var top = pos.top; ... HTML / XHTML Standard Event Attributes. .offset. Get the current coordinates of the first element, or set the coordinates of every element, in the set of matched elements, relative to the document. .offset()Returns: Object Description: Get the current coordinates of the first element in the set of matched elements, relative to the document. version added: 1.2.offset()This method does not accept any arguments.

.offset

FadeIn - Русская документация по jQuery. Делает видимыми все элементы набора, используя изменение прозрачности элементов.

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

Также, по завершению операции возможен запуск функции, переданной в аргумент “вызов”. Для данного типа анимации используется лишь изменение прозрачности, подразумевая, что все совпавшие элементы набора уже имеют какие-то значения высоты и ширины. Animate, всплывающий div 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. Get the current value of the first element in the set of matched elements or set the value of every matched element. .val()Returns: String or Number or Array.

.val

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

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

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

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