• 1809
  • 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>

Можешь почитать и вот эту статейку "8 вариантов рейтингов на сайт"

mistakes

Это тоже интересно

Комментирование данной новости запрещено.

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element