"jQuery & JavaScript примеры"

В этом разделе блога lifeexample.ru собраны самые интересные jQuery примеры скриптов и алгоритмов . Все представленные в статьях примеры jQuery и JavaScript не просто теория или выдуманные задачи, а реальная практика автора блога.
Желающим разобраться в примерах на JavaScript и пройти по следам саморазвития автора этого блога, советую почитать данную рубрику с самого начала, поскольку именно в хронологическом порядке jQuery примеры скриптов усложняются своими алгоритмами и задачами.
Каждому новичку в jQuery программировании в первую очередь следует понять как работать с библиотекой jQuery .
Внимание! на первой странице расположены самые свежие JavaScript примеры и примеры по jQuery.

jQuery UI sortable – как узнать новую позицию элементов

21.02.2014
jQuery UI sortable – как узнать новую позицию элементов

Здравствуйте, уважаемые читатели блога LifeExample в этой статье будет показан процесс создания сортируемых элементов при помощи jQuery UI sortable, как сортировать элементы, отправлять обновленные данные на сервер через AJAX и обрабатывать их с помощью алгоритма определяющего удаленные элементы и место их удаления.

Если вы попали на эту страницу, значит вы скорее всего понимаете что-такое jQuery UI sortable, но на всякий случай поясню, jQuery UI sortable – это плагин позволяющий менять местами выводимые на HTML странице элементы, простым перетаскиванием их с помощью указателя мыши (обычно метод такого перемещения называют Drag and Drop – перетаскивай и отпускай ).
Читать всю статью »

History API, пример одностраничного приложения

05.03.2013
History API, пример одностраничного приложения

Здравствуйте, уважаемые читатели блога LifeExample, в этой статье я хочу привести пример работы c новой web-технологией: History API. При динамическом обновлении контента страницы, с помощью History API можно менять и адрес в строке браузера. Таким образом создав логику одностраничного приложения с использованием технологии AJAX в купе с History API, теперь можно не боятся, что данные не будут проиндексированы поисковиками. Сама технология History API стала доступна с появлением браузеров с поддержкой HTML5, но не торопитесь думать, что браузеры поддерживающие только HTML4 останутся за бортом. Для старых браузеров существует специальная JS библиотека позволяющая работать с History API.
Читать всю статью »

Js include и Js require

19.02.2013
js-include-i-js-require

Здравствуйте, уважаемые читатели блога LifeExample, в данной статье речь пойдет о подключении отдельного js файла прямо в коде исполняемого JavaScript. Другими словами, сегодня мы разберемся, как сделать js include, и в каких ситуациях это может потребоваться.

По умолчанию язык программирования JavaScript не имеет схожей с PHP функции include или require, но это легко исправить. Также можно сделать аналог PHP функции include_once для JavaScript, напомню, что разница между include и include_once в том, что include подключает файл столько раз сколько он был вызван, а include_once только единожды.

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

Javascript классы

11.02.2013
Javascript классы

Здравствуйте, уважаемые читатели блога LifeExample. Сегодня, занимаясь оптимизацией moguta.cms я решил найти способ и структурировать свой JavaScript код.

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

По умолчанию такого понятия как классы в javaScript не существует, что доставляет мелкие неудобства при проектировании одностраничных веб-приложений, но в JavaScript есть объекты.

Для программиста знакомого с ООП, должно быть странным такое положение дел, поскольку в рамках ООП – объекты являются экземплярами классов. В JavaScript, классы отсутствуют, но их экземпляры можно создать. Немного похоже на бред, но это отнюдь не так. Чтобы понять, как такое возможно нужно изучить сущность и свойства понятия литеральная нотация.
Читать всю статью »

Событие mousePress на JavaScript и jQuery

29.01.2013
Событие mousePress на JavaScript и jQuery

Здравствуйте, уважаемые читатели блога LifeExample.Столкнулся я на днях с одной элементарной задачей. Нужно было написать JavaScript, который бы увеличивал число в поле ввода, пока пользователь зажал кнопку мыши и держит ее. Другими словами, на странице имеется input со значением равным 0, рядом с инпутом расположен любой элемент, ну например кнопка с надписью "увеличить", когда нажимаем на "увеличить" число в инпуте увеличивается на +1 пока не отпустили кнопку мышки.
Читать всю статью »

Страница 1 из 41234
Яндекс.Метрика