Value в дадено поле и да изчезва при клик

botevis2

Registered
Value в дадено поле и да изчезва при клик,ако може и да стане при клик текста да става блед и чак когато земе да се пише да изчезва :)
 
Код:
$(function(){
	$('input:text').each(function(){
		var txtval = $(this).val();
		$(this).focus(function(){
			$(this).val('')
		});
		$(this).blur(function(){
			if($(this).val() == ""){
				$(this).val(txtval);
			}
		});
	});
});
 
Всъщност тествах и кода който дадох реално смао изчезва текста,ако искаш наистина fadeout ефект сложи това:

Код:
<input id="myinput" type="text" value="Primer">


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script type="text/javascript" src="http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors-min.js"></script>
<script type="text/javascript" >
$("#myinput").focus(function() {
$(this).animate({color: '#fff'}).val('');
});
$("#myinput").blur(function() {
$(this).animate({ color: "#000"}).val('Primerr');

});


</script>

дал съм и примерна форма,тествай и казвай дали вс е ок :)
 
Да работи,ама аз искам като натисна да пиша и примерно има value Потребител,и това value като щракна да пиша да става по светло а като зема да пиша да изчезва напълно
 
Код:
<input id="myinput" type="text" value="Primer">


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
<script type="text/javascript" src="jquery.animate-colors-min.js"></script>
<script type="text/javascript" >
$("#myinput").focus(function() {
	$(this).animate({color: '#ddd'});
	$(this).one('keypress', function(){
		$(this).val('');
	});
	});

$("#myinput").blur(function() {
if ($(this).val().length <= 0) {
	$(this).animate({ color: "#000"}).val('Primerr');
}

});


</script>
ето го готов,както го искаш точно :)
Малко си поиграх ,но пък понаучих нови неща :)


@anmonimen , placeholder e HTML5 Който все още повечето браузъри (масово използвани ,стари версии) не поддържат,освен новите им версии.Но аз лично не бих рискувал ,защото не всеки е със ъпдейтнат браузър.
 

Back
Горе