Записи с меткой → jquery

Доброго времени суток блоговчане.Задача: Имеем для примера небольшой список стран, Россия и Казахстан, в каждой из стран есть регионы и области. В зависимости от выбранной страны надо показать список регионов и областей. Использование JavaScript приветствуется. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

С ростом популярности различных WYSIWYG редакторов, которые довольно неплохо справляются с задачей формирования HTML кода, я обнаружил, что редакторов, которые формируют корректный BBcode, при наличии красивого визуального ввода крайне мало. По правде говоря, на момент начала работы над WysiBB я их не обнаружил их вовсе. Поэтому я начал работу над WYSIWYG редактором ББкодов, так как […]

Для собственных нужд понадобилось сделать прокрутку содержимого области, размер которой ограничен. Я знал, что существуют некоторые реализации такой возможности на jQuery, но хотелось попробовать свои силы. Получилось реализовать функциональность, которую ни один известный мне плагин в полной мере не предоставлял. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

В данной статье я опишу свой компонет с названием “jQuery plugin для Hash-навигации в AJAX-сайтах”. Компонент позволяет: — динамически изменять URL без перезагрузки страницы вида /url#!keyN/valueN — назначать события на значения в url переданных после префикса #! Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Сегодня я вам расскажу как я делал навигацию по сайту как на сайте ВКонтакте: ajax-навигация + обновление адреса страницы. Код который я написал работает в браузерах FireFox 11+, Chrome 18.0, Opera 11, Safari 5.1. В других версиях и браузерах не проверял. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Сегодня возникла мысль сделать что-нибудь полезное для себя. Ничего полезнее реализации так называемых подсказок (хинтов) я не смог придумать. Итак, будем делать плагин для библиотеки jQuery позволяющий выводить заранее подготовленный текст в виде подсказок к элементу. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Топик создан для чайников VK API но для программистов которые понимают что такое php, javascript, jquery, css. Если вы знаете всё выше перечисленное уделите несколько минут для прочтения этого топика и следуйте инструкции. У вас это не займет много времени! Вы сможете расширить свои возможности и выйти на новый рынок. Изюминка приложений в том, что […]

Приветствую! Хочу поделится способом, позволяющим существенно сэкономить драгоценное место на хостинге.Как известно, в альбомах Google+ (и Веб-альбомах Picasa) можно хранить неограниченно количество изображений, чьи размеры не превышают 2048 x 2048 пикселей (при загрузке через Google+ размеры уменьшат автоматически). Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Добрый день, Хочу рассказать вам про, как мне кажется, очень интересный jQuery плагин, который позволяет привязывать свой дизайн практически ко всем популярным современным социальным сервисам. Он может существенно облегчить жизнь тем, кому нужно быстро создать share button’ы или виджеты со своим дизайном, отличающимся от шаблонных. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell […]

В работе с html мне довольно редко приходилось делать интерактивные карты — если и возникала такая необходимость, то для этого я использовал flash, благодаря которому можно было добиться плавных эффектов смены цветов при наведении курсора на элементы карты. При этом html мог предложить только тэги и , которые, в свою очередь, уже и определяли активные […]

Недавно делал один маленький проект и решил в нем воплотить в жизнь все свои задумки по дизайну и функционалу. Одной из таких задумок была и Ajax навигация по сайту. Сказано — сделано. Вроде все просто — все ссылки оставляем как есть, прикручиваем обработчик и готово! Но есть же еще поисковые системы, пользователи с отключенным JavaScript`ом, […]

При разработке интернет-магазинов мне часто приходилось посредством javascript (а конкретнее его фреймворком — jQuery) проделывать некоторые повторяющиеся от проекта к проекту вещи. Например, добавление товаров в корзину, обновление информации о количестве товаров и общей сумме на странице, удаление товаров из корзины по одному, изменение их количества и полная очистка всех товаров из корзины. И все […]

Немногие из нас используют возможность Drag’n’Drop в интерфейсах на своих сайтах, так как сталкиваются в основном с 2мя проблемами: Пользователи к такому ещё не привыкли и им сложно это донести Нет идеальных готовых решений Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Многие разработчики используют в своих разработках замечательный jquery-метод animate(), он есть ряд особенностей, которые я смог заметить, хочу поделиться ими: 1) Например вы хотите использовать следующее:$(«.drop-menu»).hover( Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Добрый день, уважаемый Блог. Изучение яваскрипта я начал сравнительно недавно (приблизительно пару-тройку месяцев назад). Сказать, что «нужда заставила» язык не повернется – просто захотелось чего-нибудь новенького. И изучения я начал сразу же с jQuery (счастливая случайность, думается мне). По началу я… Не понимал ничего. Темный лес, горизонта нет, а трава покрывается жуткими черными наростами. Но […]

При создании веб-страницы, довольно часто встает задача сделать блок динамически изменяющихся данных (при выборе значения в селекте, нажатии кнопки и т. д.). Реализовать задачу можно несколькими способами. Обычно данные подгружаются с помощью Ajax или загружаются вместе со страницей в блоках DIV, затем отображаются/прячутся с помощю скрипта. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser […]

ContextFree на JavaScript

31, Янв 2012

Всем привет, дорогие НЛО! Буквально недавно на блоге был пост, который меня крайне заинтересовал, а точнее меня заинтересовал один арт который был сделан при помощи ContextFreeArt рендеринга картинок. Я подумал что таким образом можно отдавая код и уникальное число пользователю, можно рендерить картинки уже на стороне пользователя не нагружая сервер лишней статикой. Рекомендовать on Facebook […]

Доброго времени суток! Встретил в интернете стрелочные часы, но решил сделать их с помощью CSS. Вместо цифр решил сделать засечки. Фреймворк для javascripta будем использовать jQuery v1.7.1. Создадим нашу основу часов:<!DOCTYPE html> <html lang=»ru»> <head> <title>Часы</title> <script src=»js/jquery-1.7.min.js»></script> </head> <body> <article id=»time»> <div id=»center»></div> <div id=»second»></div> <div id=»minute»></div> <div id=»hour»></div> <div id=»clock»>clock</div> </article> </body> Рекомендовать […]

Добрый день, уважаемое блогосообщество. Решил представить свою наработку в виде статьи. Возможно, идея не нова и требует доработок, но если учесть то, что JQuery и JavaScript я изучаю всего около месяца то думаю вышло неплохо. Итак, скрипт ведет обратный отсчет от указанного значения, используя при смене эффект прокрутки цифры. Разберемся как это все работает. Рекомендовать […]

В этой статье я расскажу несколько советов по увеличению производительности jQuery и javascript. 1. Кешируйте length при обращении в цикле.2. В цикле for не обращайтесь каждый раз к свойству массива length, лучше сохранить его в переменную перед началом цикла. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Время от времени я пишу статьи о паттернах в Javascript-е — современных методах решений стандартных проблем в разработке, в профите применений которых я абсолютно уверен. Общие паттерны хороши для «чистого» Javascript-а, но некоторые «темные стороны» веба имеют свои фишки. Сегодня мы поговорим о плагинах jQuery. Мануал по ним дает неплохой старт, но я предлагаю копнуть […]

Не так давно на работе передо мной была поставлена задача реализовать механизм асинхронного обмена данными между веб-приложением на Java и веб фронт-эндом на стороне клиента. Задача заключалась в том, чтобы клиент получал апдейты с минимальной задержкой, при этом апдейты могли приходить со скоростью 100 апдейтов в секунду, так и 1 апдейд в минуту, т.е. желательно […]

До Нового Года осталось меньше недели, а соответствующего настроения всё еще нет. И этим вечером решил сам себе сделать новогоднее настроение с помощью плагина jQuery SnowFall. Искал по запросу: «Снег на сайте +javascript». Самому писать было лень и я решил использовать готовый скрипт, чтобы раз, и уже на сайте идет снег. И тут мне попался […]

Небольшая демонстрация возможностей CSS3 на примере. Данный пример затрагивает свойства border-radius, box-shadow и linear-gradient.head Прошу расценивать предлагаемый код не в качестве готового решения, которое требуется использовать в своем проекте, а лишь как демонстрация. Хотя, при должной доработке, вполне возможно подойдет для какой-нибудь задачи. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

BlockA fitTo BlockB

24, Дек 2011

Для чего? — В одном из проектов необходимо было развернуть «панель» в sidebar’е так, чтобы панель скрыла sidebar — Развернуть диалог в родительском блоке, так, чтобы он закрылего содержимое Было решено написать инструмент в контексте jQuery — «Маленький», но удобный плагин jQuery.fitTo Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

«Простые вкладки» — вкладки, которые просто переключают готовый контент, без асинхронной подгрузки, без нестандартной реакции — только переключениеРазметка <p id=»my_tabs» class=»simple_tabs»> Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Работаю я верстальщиком, и в очередной раз попалась верстка интернет магазина. Основная проблема была в блоках с товарами, тут была задача не столь специфичная сколь специфичный был под нее дизайн. В одну линию стоят три блока, блоков может быть сколь угодное количество, блоки имеют бордер, в каждом блоке содержится информация о товаре, а в самом […]

Для нового проекта возникла необходимость сделать трекбар с выбором диапазона значений, но с небольшой особенностью. Кроме граничных значений, должен быть еще диапазон возможных значений. Который никак не ограничивает пользователя, а служит подсказкой и показывает какие значения в данный момент доступны пользователю (на скриншоте диапазон возможных значений — это голубой слой). Рекомендовать on Facebook Share on […]

Технологии развиваются, javascript приобретает все большую популярность. Он стал применяться на на серверной стороне, написано множество модулей для Node.Js. Например шаблонизаторы. Хотелось бы иметь возможность применять их и на клиентской стороне. Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend

Всем доброго времени суток! Без долгих введений, начну излагать! Итак… Что имеем: 1. Стандартную «резиновую» разметку. 2. Подключенный плагин Coda-Slider 2.0 Рекомендовать on Facebook Share on vkontakte Bookmark in Browser Tell a friend


1 из 212
Наверх