Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   По идее должно быть так (https://javascript.ru/forum/jquery/31199-po-idee-dolzhno-byt-tak.html)

jeysmook 29.08.2012 21:30
По идее должно быть так
 
По идее должно то поле на которое нажали загореться , а все остальные поля должны быть прозрачными. Но что то не выходит. Помогите. Спасибо.
----------------------------------------------------------------
$(document).ready(function(){
	$(".reg_form div input").animate({opacity:'0.4'},0).click(function(){
		$(this).addClass("active");		
		$(this).animate({opacity:'1'},"slow");
		$(".reg_form div input").not(".active").animate({opacity:'0.4'},"slow");	
	});
});


<form action="reg.php" method="post" class="reg_form">
	<div class="inp"><input type="text" name="name" value="Ваше имя" /></div>
    <div class="inp"><input type="text" name="fname" value="Ваша фамилия" /></div>
    <div class="inp"><input type="text" name="mail" value="Ваш маил" /></div>
    <div class="inp"><input type="password" name="pass" value="Ваш пароль" /></div>
</form>

Deff 29.08.2012 21:46 
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".reg_form div input").animate({opacity:'0.4'},0)
	$(".reg_form div input").click(function(){
		$(this).addClass("active");		
		$(this).animate({opacity:'1'},"slow");
		$(".reg_form div input").not(".active").animate({opacity:'0.4'},"slow");	
	});
});
</script>
<form action="reg.php" method="post" class="reg_form">
	<div class="inp"><input type="text" name="name" value="Ваше имя" /></div>
    <div class="inp"><input type="text" name="fname" value="Ваша фамилия" /></div>
    <div class="inp"><input type="text" name="mail" value="Ваш маил" /></div>
    <div class="inp"><input type="password" name="pass" value="Ваш пароль" /></div>
</form>

jeysmook 29.08.2012 21:49
Deff,
Все тоже самое , не получается...

Deff 29.08.2012 21:50
jeysmook,
Хм у меня всё кажет - даже в ИЕ - а что Вы ожидаете ?

jeysmook 29.08.2012 21:53
Deff,
На тот пункт на который нажали opacity:1, а на все остальные пункты opacity:0,4. А тут получается , что все загораются по мере нажатия на них.

Deff 29.08.2012 21:58 
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".reg_form div input").animate({opacity:'0.4'},0)
	$(".reg_form div input").click(function(){
		$(".reg_form div input").removeClass("active")
		$(this).addClass("active");		
		$(this).animate({opacity:'1'},"slow");
		$(".reg_form div input").not(".active").animate({opacity:'0.4'},"slow");	
	});
});
</script>
<form action="reg.php" method="post" class="reg_form">
	<div class="inp"><input type="text" name="name" value="Ваше имя" /></div>
    <div class="inp"><input type="text" name="fname" value="Ваша фамилия" /></div>
    <div class="inp"><input type="text" name="mail" value="Ваш маил" /></div>
    <div class="inp"><input type="password" name="pass" value="Ваш пароль" /></div>
</form>

jeysmook 29.08.2012 21:58
Deff,
Точно, спасибо большое )) Забыл removeClass();


Часовой пояс GMT +3, время: 13:33.