Загрузка файла одним кликом
Категория JavaScripts (jQuery, AJAX)
One-Click Upload (Загрузка одним кликом) – это плагин для jQuery. Прочитать полностью »
Теги: jQuery
jQuery WYSIWYG
Категория JavaScripts (jQuery, AJAX)
Урок отвечает на вопрос “Как легко поставить WYSIWYG на textarea?“. Если вы незнаете html тегов или же хотите работать с удобным визуальным редактором, то вам нужен WYSIWYG редактор. Сегодня мы поставим на textarea (хотя, можно на input) визуальный редактор jWYSIWYG. Это плагин к библиотеке jQuery. Он очень удобен, прост в установке и в настройке. Поставить плагин jWYSIWYG
Загрузка выпадающего списка AJAX
Категория JavaScripts (jQuery, AJAX)
Наша задача: Загрузка выпадающего списка (select). Такие списки очень удобны, так как страница не будет перезагружатся после каждого выбора элемента списка. Список будет заполнен по технологии AJAX. Для решения нашей задачи мы сделаем простейшую доску объявлений (!) =) Изучить урок "Загрузка выпадающего списка AJAX"
Теги: ajax, jQuery, программирование, юзабилити
jQuery API: Effects – эффекты
Категория JavaScripts (jQuery, AJAX)
Сегодня мы посмотрим анимационные эффекты jQuery. Если вы понятия не имеете что такое jQuery, тогда советую для начала посмотреть урок по jQuery
Basics:
show()
Отображает каждый из элементов набора, если они были скрыты через вызов hide() или через display:none в таблице стилей. Действует подобно show(speed,[callback]), только без анимационных эффектов. Если элемент не был скрыт, то ничего не происходит.
Описание функций библиотеки jQuery - sliding, basic
Теги: jQuery, полезное, программирование, юзабилити
Движение картинки при наведении курсора
Категория JavaScripts (jQuery, AJAX)
Движение картинки при наведении курсора
Движение картинки при наведении курсора – урок о том как привести в движение картинку при наведении на нее “мышки” на jQuery.
Выучить урок "Движение картинки при наведении курсора на jQuery"
Развертывание / сворачивание блока с текстом на jQuery
Категория JavaScripts (jQuery, AJAX)
Разворачивающийся и свертывающийся блок с текстомСегодня мы создадим развертывающийся при клике на ссылку блок с текстом.
Вводный курс jQuery – Тест
Категория JavaScripts (jQuery, AJAX), Статьи
Вводный курс в jQuery
Что такое jQuery? Это новый вид библиотеки JavaScript.
jQuery – это быстрая, маленькая библиотека JavaScript, которая позволяет Вам менять HTML, перехватывать события, создавать анимации и добавлять интерактивность Ajax для быстрой веб разработки. jQuery создана, чтобы изменить привычный путь написания JavaScript.
Теги: jQuery
Простое Popup окно
Категория HTML, JavaScripts (jQuery, AJAX)
Простое popup окно можно посмотреть в этом примере.
Код до безобразия прост:
Код popup окна
<div id="mypopup" name="mypopup" style="position: absolute; width: 200px; height: 200px; display:none; background: #000; border: 2px dotted #00f; left:10px; top:100px;color:#fff; text-align:center; font-size:24px; font-weight:700;">
<p>POPUP окно</p>
<p onClick='document.getElementById("mypopup").style.display="none"'>закрыть окно</p>
</div>
Код вызова
<p onClick='document.getElementById("mypopup").style.display="block"' style="font-size:24px; background-color:#ccc; text-align:center;">Нажми сюда</p>
Теги: DHTML
Проверка на сложность пароля
Категория JavaScripts (jQuery, AJAX)
Этот урок расскажет вам, как помочь вашим посетителям создавать более безопасные пароли при заполнении форм.
После того, как пользователь вводит желаемый пароль, скрипт делает запрос к другому PHP файлу, который проверяет пароль на маленькие и большие буквы, символы и числа. Индикатор, который будет показывать сложность пароля, отобразится на странице без перезагрузки, аля AJAX.
В конце урока у вас должно получится что-то на подобие этого: password-check
По подробнее о уроке "Проверка на сложность пароля"
Новостной блок своими руками на JavaScript
Категория JavaScripts (jQuery, AJAX)
В этом уроке мы с Вами будем учиться делать новостной блок с прокручивающимися в нем ссылками на новости. Но конечно можно его использовать и для других целей. Вот как он выглядит:news-block
Перейти к уроку создания прокручивающегося блока
Теги: юзабилити