Хаки и Скрипты Next Generation CMS

красивые закруглённые всплывающие подсказки к формам.

irbees2008 irbees2008 Опубликовано - 6 - апреля Tooltips
3362 - 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>

Можешь почитать и вот эту статейку "JetBrains PhpStorm"

Опрос

Ваше мнение

На каком движке ваш сайт?
Результаты

Последние комментарии

Теги

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

Статистика

  • Caйту: 4670 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 679
  • Онлайн всего: [42]
  • Гости: [42]
  • Были сегодня : [2] Яндекс, Google
  • SQL запросов: 31
  • Генерация страницы: 0.469сек
  • Потребление памяти: 5.166 Mb 
  •   Яндекс.Метрика