Предлагаю Вашему вниманию статью, в которой показано как сделать красивые закруглённые всплывающие подсказки к формам.
Скачиваем скрипт СКАЧАТЬ
В нем лежат:
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>
