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