Категория "jQuery"
Работа с cookies в jQuery и JavaScript
Я не буду вдаваться в подробности, что из себя представляют cookies. Подробнее об этом вы сможете прочитать в википедии. Перейдем сразу к делу. Для начала, рассмотрим работу с cookies в JavaScript. Для этого напишем 3 простые функции: установки, получения и удаления cookies.
jQuery: полезные примеры, при работе с DOM
Дорогие друзья, от лица авторов этого блога, я поздравляю вас с Днём Победы!
В этой статье я собрал небольшую подборку, полезных примеров, которые помогут вам, при работе с jQuery и Document Object Model.
Continue Reading
jQuery: делаем формы интерактивными
С появлением различных javascript фреймворков, разработчикам стало намного проще создавать интерактивные пользовательские интерфейсы. Сюда так же можно отнести взаимодействие пользователя с формами. Наверное, уже практически во всех популярных cms, появилась возможность проверки с помощью AJAX’а введеных данных. В своем посте я подготовил 5 простых примеров, показывающих, как с помощью jQuery можно сделать формы более интерактивными.
Continue Reading
jQuery JSON: получаем данные из твиттера
В этом посте, я хочу показать, как используя метод jQuery getJSON() получить данные из твиттера. Для работы с твиттером нам понадобится его API, а именно метод search. Подробнее о twitter API можно прочитать здесь.
Создадим кнопку и текстовое поле, в которое будем вводить запрос для поиска. Так же добавим контейнер, для вывода полученных результатов.
<input type="text" id="twitterQuery" /><button button id="twitterButton">Поиск</button> <div id="results"></div>
Изменение стиля текстового поля при фокусе
Я часто пользуюсь браузером Google Chrome и мне нравится, как в нем реализовано взаимодействие пользователя с HTML-формами. Объясню более подробно, при фокусе в каком-либо поле, границы поля меняют цвет на более заметный. На мой взгляд, это очень удобно, при заполнении форм. Особенно когда человек сильно устал или плохо видит. Для реализации подобного эффекта мы будем использовать jQuery.
Continue Reading
Создаем индикатор сложности пароля
Сегодня, я покажу как можно сделать индикатор сложности пароля. Всего у нас будет 4 степени сложности пароля: очень слабый, слабый, простой и надежный. Каждой степени сложности будет соответствовать свой цвет.
Надежным мы будем считать пароль, который будет состоять не меньше, чем из 6-ти символов и в нем будет содержаться минимум 1 цифра, спецсимвол, буква в нижнем регистре и буква в верхнем регистре. Для работы нам понадобятся PHP и jQuery.
Русско-английский переводчик, с помощью Google AJAX Language API
Google предоставляет разработчикам массу возможностей для работы со своими сервисами. Как вы наверное поняли из названия поста, я буду использовать Google AJAX API. Что же это такое и для чего это нужно можно прочитать здесь и здесь. Для работы нам понадобятся: php и jQuery.
Continue Reading
Система оценок на jQuery и PHP
Сегодня я покажу, как с помощью jQuery и php можно созадать простенькую систему оценок, как на oboobs.ru. Только оценивать мы будем не сиськи, а статьи. =) Всего у нас будет 2 файла, не считая jQuery. Для начала создадим таблицу articles, где у нас будут храниться статьи и оценки.
Сразу скажу, данные о проголосовавшем пользователе не будут никуда записываться, т. е. один человек может голосовать много раз. Для более серьезной системы оценок вам понадобится отдельная таблица, в которой будут храниться данные проголосовавшего пользователя.
Таблица articles.
CREATE TABLE `articles` ( `id` int(11) NOT NULL auto_increment, `title` varchar(100) default NULL, `topic` text, `rating` int(11) default NULL, PRIMARY KEY (`id`) )
В title будет хранится заголовок статьи, в topic текст статьи, в rating рейтинг статьи.
Работа с JSON в PHP и jQuery
JSON (англ. JavaScript Object Notation) — текстовый формат обмена данными, основанный на JavaScript и обычно используемый именно с этим языком. Как и многие другие текстовые форматы, JSON легко читается людьми.
Несмотря на происхождение от JavaScript (точнее, от подмножества языка стандарта ECMA-262 1999 года), формат считается языконезависимым и может использоваться практически с любым языком программирования. Для многих языков существует готовый код для создания и обработки данных в формате JSON.
Как-то при разработке одного сайта, мне понадобилось получать ответ от php-скрипта без перезагрузки страницы. Меня не интересовал вывод результата работы, например в див, что реализуется довольно таки просто. По этому мне пришлось искать решение и оно было найдено в использование json. Сейчас мы рассмотрим небольшой пример работы с ним.
Continue Reading
Выделение всех элементов checkbox с помощью jQuery
Для работы скрипта нам понадобится jQuery, скачать последнюю версию можно отсюда.
В готовом виде все будет выглядеть вот так:
Continue Reading
