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 | Очередной блог фрилансера. Любой владелец интернет-ресурса (даже самого скромного), размещающий фотографии или картинки, рано или поздно задумывается о том, как бы получше организовать их отображение.

Слайд-шоу на JQuery | Очередной блог фрилансера

А все для вас дорогие читатели, чтобы вам понравилось, чтобы вам было удобно, чтобы вы захотели сюда вернуться. И в сегодняшней статье, мы рассмотрим три различных способа организации слайд-шоу, с помощью моих любимых плагинов к 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

Пример: 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

The .offset() method allows us to retrieve the current position of an element relative to the document. 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 | CodeForest - web development and programming blog.

.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 Description: Get the current value of the first element in the set of matched elements. version added: 1.0.val()This method does not accept any arguments.

.val

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

Создание AJAX конвертора курсов валют при помощи PHP, jQuery и Google. Если вы не знаете, то я вам открою страшную тайну! Помимо основных функций поисковой системы Google предоставляет ещё и множество других услуг. Одна из них это калькулятор с расширенными возможностями. Yahoo! Smush.it™ Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality.

After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files. Do not link to the smushed images on Smushit.com since they will only be available there temporarily. Обработчик или источник события scroll — JQuery. Материал из JQuery .scroll() Устанавливает обработчик "прокрутки" элементов документа, либо, запускает это событие. Метод имеет три варианта использования: .scroll(handler(eventObject)):jQueryv:1.0 handler(eventObject) — функция, которая будет установлена в качестве обработчика. Таблицы стилей CSS - Русская документация по jQuery. 11.02 Окна Web-обозревателя. Автор: Denisido Дата: 2010-12-06 Первым делом нужно еще раз отметить, что консорциумом W3C на данный момент не было прописано четких правил стандартизации свойств и методов объекта Window для разных Web-обозревателей.

Поэтому одни поддерживают свои свойства и методы, другие, соответственно, свои. Исходя из этого мы возьмем скрипт из предыдущего урока и в дальнейшем будем подключать его ко всем необходимым страницам: Scroll() - школа XHTML.

Google map

CSS оформление select. JavaScript скрипты: Canvas - создание многоугольников. Сам себе Web-дизайнер: помощь дизайнеру сайтов. Drawing shapes.