Категория "JavaScript"
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 и .
Русско-английский переводчик, с помощью Google AJAX Language API
Google предоставляет разработчикам массу возможностей для работы со своими сервисами. Как вы наверное поняли из названия поста, я буду использовать Google AJAX API. Что же это такое и для чего это нужно можно прочитать и . Для работы нам понадобятся: php и jQuery.
Continue Reading
Определение координат на изображении с помощью JavaScript
При разработке одного проекта мне нужно было определить координаты клика пользователя по изображению. То есть определить место нажатия. Это оказалось совсем не сложной задачей.
Для начала создадим простенький html файл, который будет выводить нам картинку.
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body style="padding-top: 50px;"> <img id='kartina' src="reactive.jpg"> </body> </html>
Все предельно просто, отступ сверху сделан для того, что бы показать, что считаются координаты только картинки, а не всего документа.
Теперь добавим нашу javascript функцию:
Continue Reading
Система оценок на jQuery и PHP
Сегодня я покажу, как с помощью jQuery и php можно созадать простенькую систему оценок, как на oboobs.ru. Только оценивать мы будем не сиськи, а статьи. =) Всего у нас будет 2 файла, не считая . Для начала создадим таблицу 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
25 полезных плагинов на jQuery
Я продолжаю собирать полезные плагины на jQuery, в этот раз вышло 25 штук. Первую подборку плагинов можно посмотреть здесь.
Галереи на jQuery
1)
10 полезных плагинов на jQuery
Это первая статья из серии публикаций, посвященных полезным плагинам на jQuery.
Модальные окна
