Меню сайта
Мини-чат
Голосовалка
Оцените наш сайт
Всего ответов: 225
Главная » 2008 » Декабрь » 14 » Красивые всплывающие подсказки к формам
Красивые всплывающие подсказки к формам
19:00

Предлагаю Вашему вниманию статью, в которой показано как сделать красивые закруглённые всплывающие подсказки к формам.
Скачиваем скрипт Доступно только для пользователей
В нем лежат:

js/form-field-tooltip.js = Основной JS-файл для наших подсказок
js/rounded-corners.js = JS-файл, который формирует закруглённые уголки для подсказки
css/form-field-tooltip.css = CSS-файл оформления подсказки
images/* = Изображения уголков.

Установка скрипта

Первое, что надо сделать это подключить JS и CSS файлы к нашей странице. Вот так:
Перед </HEAD> вставить

Code
<link rel="stylesheet" href="css/form-field-tooltip.css" media="screen" type="text/css">
  <script type="text/javascript" src="js/rounded-corners.js"></script>
  <script type="text/javascript" src="js/form-field-tooltip.js"></script>

Текст подсказки

Текст подсказки Вам нужно ввести прямо в тег <input> или <textarea>, добавив к нему аттрибут tooltipText. Например:

Code
<input type="text" id="firstname" name="firstname" tooltipText="Текст Вашей подсказки">

Конфигурация скрипта

Далее, Вам следует вставить простой код в низ страницы:

Code
<script type="text/javascript">
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>

Все любуемся результатом =))

При копировании материалов ссылка на источник http://1uoz.3dn.ru/ обязательна

Категория: Скрипты | Просмотров: 1605 | Добавил: admin4eG | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
    Гость

    Сообщения:

    Группа:
    Гости
    Время:16:39

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Логин:
    Пароль:
Необходимый софт
Онлайн
    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0

& 1ucoz