3868

Создаем подсказки при нажатии на поле ввода

18 июля 2008
Создаем подсказки при нажатии на поле ввода


Данный скрипт позволяет создавать подсказки при нажатии на поле ввода.


Установка:
1. Залить файл fhint.js из архива в папку с шаблоном (templates/твой_шаблон/
2. В main.tpl перед вставить:
<script src="/templates/fdle/fhint.js" type="text/javascript"></script>

3. В templates/твой шаблон/css/style.css в конец вставить:
.hint
{
display:none;
position: absolute;
margin-left: 40px;
width: 200px;
margin-top: -4px;
border: 1px solid #dbdbdb;
padding: 10px 12px;
background-color: #FFFFFF;
}
.hint .hint-pointer
{
position: absolute;
left: -10px; top: 5px;
width: 10px; height: 19px;
background: url(../images/pointer.gif) left top no-repeat;
}

3. В папку templates/твой шаблон/images/ загрузить файл pointer.gif
4. К любому полю, где хочешь чтоб этот хинт появился, делаешь так:
<input name="subj" value="" style="width: 150px;" type="text">
<span style="display: none;" class="hint">ТЕКСТ
<span class="hint-pointer">&nbsp;</span></span><

5. Установка завершена

Скачать:
fhint.rar [1.2 Kb] (cкачиваний: 121)
автор новостиAdmin разделСкрипты Просмотров: 3868 Комментариев: 2 разделРаспечатать