Creé una funcion en jquery para dar efecto fade a los labeles de un input al darle click
Código Javascript
:
Ver original$('li.lbl').each( function() {
var llbl = this;//Iniciamos
if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
$('input[type=text],textarea', llbl).live("focus",function() {
$('label', llbl).fadeTo(150, 0.3);
if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
});//focus
$('input[type=text],textarea', llbl).live("keydown",function() {
if($('label', llbl).is(':visible')) $('label', llbl).hide();
});//keydown
$('label', llbl).live("click",function() {
$('input[type=text],textarea', llbl).trigger('focus');
if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
});//click
$('input[type=text],textarea', llbl).live("blur",function() {
if($('input[type=text],textarea', llbl).val() == '') {
$('label', llbl).show();
$('label', llbl).fadeTo(150, 1);
}
if($('input[type=text],textarea', llbl).val() !== '') $('label', llbl).hide();
}); //blur
}); // cada li.lbl
ejemplo de uso
funciona pefectamente en los objetos que se cargan cuando se carga la pagina, pero en los objetos que cargo mediante ajax no funciona, alguien sabe por que?..