3239
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
- Демо:
Предлагаю Вашему вниманию статью, в которой показано как сделать красивые закруглённые всплывающие подсказки к формам.
Скачиваем скрипт: Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
В нем лежат:
js/form-field-tooltip.js = Основной JS-файл для наших подсказок
js/rounded-corners.js = JS-файл, который формирует закруглённые уголки для подсказки
css/form-field-tooltip.css = CSS-файл оформления подсказки
images/* = Изображения уголков.
Всё заливаем в папку с шаблоном
Установка скрипта
Первое, что надо сделать это подключить JS и CSS файлы к нашей странице. Вот так:
Перед </HEAD> вставить
Код:
<link rel="stylesheet" href="{tpl_url}/css/form-field-tooltip.css" media="screen" type="text/css">
<script type="text/javascript" src="{tpl_url}/js/rounded-corners.js"></script>
<script type="text/javascript" src="{tpl_url}/js/form-field-tooltip.js"></script>Текст подсказки
Текст подсказки Вам нужно ввести прямо в тег <input> или <textarea>, добавив к нему аттрибут tooltipText.
Например:
Код:
<script type="text/javascript">
var tooltipObj = new DHTMLgoodies_formTooltip();
tooltipObj.setTooltipPosition('right');
tooltipObj.setPageBgColor('#EEE');
tooltipObj.setCloseMessage('Exit');
tooltipObj.initFormFieldTooltip();
</script>
Можешь почитать и вот эту статейку "палитра цветов 3"
