Главная » Файлы » Прочие скрипты » jQuery

Красивые полупрозрачные подсказки для полей формы через плагин kvkInfoBox на jQuery для uCoz
23.06.14, 14:20:50

Скачать файл




Симпатичный плагин, позволяющий добавлять полупрозрачные подсказки для полей формы

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<link rel="stylesheet" type="text/css" href="/css/kvkInfoBox.css" />  
  <script type="text/javascript" src="/js/kvkInfoBox.pack.js"></script>  
  <script type="text/javascript">  
  jQuery(function ($) {  
  $('table input').click(function () {  
  var $this = $(this);  
  $this.kvkInfoBox({cont: 'Здесь текст подсказки',plusTop: 4});  
  });  
  });  
  </script>


Сами поля формы оформляются следующим образом:
Код
<table>  
  <tr>  
  <td><label for="i1">Поле 1: </label></td>  
  <td><input id="i1" class="required" type="text" /></td>  
  <td>Время</td>  
  </tr>  

  <tr>  
  <td><label for="i2">Поле 2: </label></td>  
  <td><input id="i2" class="required" type="text" /></td>  
  <td>Дата</td>  
  </tr>  
  </table>


Можно привязать отдельную подсказку для каждого поля. Возникнет такая необходимость - пишите в комментариях - покажу как

Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images

Материал подготовлен Apocalypse
Категория: jQuery | Добавил: Apocalypse | Теги: формы, полей, Через, на, плагин, kvkInfoBox, подсказки, полупрозрачные, для, красивые
Просмотров: 407 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: