Стилизованный атрибут title на jQuery

Рубрика: JavaScripts, jQuery

Это иногда надо, выводит подсказку при наведение на текст, типа title только свой родной

$(document).ready(function(){ 
 // для каждого элемента lable имеющего атрибут class со значением hint выполняем следующие действия 
 $('label.hint').each(function() { 
 var label = $(this); 
 // получаем элемент input у которого атрибут id совпадает с атрибутом for у элемента label 
 var input = $('#' + label.attr('for')); 
 //прячем элемент label и устанавливаем переменную initial равной тексту элемента label без двоеточия 
 var initial = label.hide().text().replace(':', ''); 
 // устанавливаем обработчики событий focus и blur для элемента input 
 input.focus(function() { 
 //если текст в поле ввода это наша подсказка, то по получению фокуса очищаем input 
 if (input.val() == initial) { 
 input.val(''); 
 } 
 }).blur(function() { 
 //если ничего не введно в поле ввода, то при удалении фокуса помещаем нашу подсказку 
 if (input.val() == '') { 
 input.val(initial); 
 } 
 //в поле ввода помещаем нашу подсказку 
 }).val(initial); 
 }); 
 });

Теги: title

Комментарии к записи Стилизованный атрибут title на jQuery отключены

Нет комментариев для записи Стилизованный атрибут title на jQuery