Записи с тэгом «jQuery»

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

Логика работы таких подсказок проста. При получение элементом фокуса - подсказка пропадает. Когда поле теряет фокус, то если поле осталось пустым - подсказка вновь показывается.

Спецификация HTML5 описывает атрибут placeholder для тэгов INPUT или TEXTAREA, который как раз задаёт текст для подсказки. Пример:

<input type="text" name="query" value="" placeholder="Поиск по сайту...">

На данный момент атрибут placeholder поддерживают только браузеры на основе движка webkit (Google Chrome, Safari). Для того, чтобы наш атрибут заработал в остальных популярных браузерах - напишем небольшой скрипт на jQuery.

В этой статье хотелось бы рассмотреть создание карусели изображений (и не только) со 100% шириной. Для примера будем делать карусель новостей. Каждая новость — отдельный блок фиксированный как по вертикали, так и по горизонтали, содержащий картинку, заголовок и краткий анонс. Для реализации используем популярный js-фреймворк jQuery и плагин для создания каруселей — jCarousel.