Главная » 2011 » Ноябрь » 14 » Красивые полупрозрачные подсказки для полей формы (Javascript)
14.11.2011, 09:21

Красивые полупрозрачные подсказки для полей формы





Красивые полупрозрачные подсказки для полей формы через плагин kvkInfoBox на jQuery

ДЕМО МАТЕРИАЛА

Установка:

После /head на нужных страницах вставляйте:
Code
<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>

Сами поля формы оформляются следующим образом:
Code
<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
Материал взят с сайта infoscript.ru
Теги: Скачать Красивые полупрозрачные подсказки для полей формы
Скачать "Красивые полупрозрачные подсказки для полей формы"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: siteforsites.ru
Категория: JavaScript's | Просмотров: 2147 | Добавил: manikom-auto | Рейтинг: 4.5/2 |
Теги: плагин, На, через, для, полей, формы, красивые, полупрозрачные, подсказки, kvkInfoBox
Всего комментариев: 4
0  
1 АдминестратоР   (05.12.2011 10:01) [Материал]
Аватар пользователя
а кто нить может выложить тоже самое, только в .zip папке(ну очень нужно:angel: )

+1  
2 Voker -Infoscript Team-  (05.12.2011 13:55) [Материал]
Аватар пользователя
Code
http://narod.ru/disk/33372358001/%D0%90%D1%80%D1%85%D0%B8%D0%B2%20ZIP%20-%20WinRAR.zip.html

0  
3 АдминестратоР   (05.12.2011 17:46) [Материал]
Аватар пользователя
оу, спасибо. сейчас попробую скачать. репутация пока повысить не могу dry

0  
4 Evorio   (10.01.2012 17:24) [Материал]
Аватар пользователя
Люди, на uCoz сайт не адаптировать?

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]