Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 30.10.2016, 14:51
Новичок на форуме
Отправить личное сообщение для ChikiBOBONI Посмотреть профиль Найти все сообщения от ChikiBOBONI
 
Регистрация: 30.10.2016
Сообщений: 1

всплывающий блок при клике на input
ребята такая проблема, есть два input и один textarea нужно что бы при клике на поле текст уезжал вверх этих полей, вот мой код

<form action="handler.php" method="post" id="reply">
<div id="content1" style="display: none;">Ваше имя</div>
<div class="Content-Top2-1"><input id="link1" type="text" name="name" class="text" id="name" value="Ваше имя" onfocus="if (this.value=='Ваше имя') this.value='';" onblur="if (this.value==''){this.value='Ваше имя'}"/></div>
<div id="content2" style="display: none;">Способ связи</div>
<div class="Content-Top2-4"><input id="link2" type="text" name="email" class="text" id="name" value="Способ связи" onfocus="if (this.value=='Способ связи') this.value='';" onblur="if (this.value==''){this.value='Способ связи'}"/></div>
<div id="content3" style="display: none;">Задача</div>
<div class="Content-Top2-2"><textarea id="link3" name="text" id="comment" placeholder="Задача" cols="28" rows="15" ></textarea></div>
<div class="Content-Top2-3"><input type="submit" class="button" value="Отправляем"><img src="images/Strelka.jpg"></div>
</form>


<script>
$(document).ready(function () {
$('textarea#link3').click(function (e) {
$(this).toggleClass('active');
$('#content3').toggle();

e.stopPropagation();
});
$('body,input').click(function () {
var link = $('textarea#link3');
if (link.hasClass('active')) {
link.click();
}
});
});
</script>

<script>
$(document).ready(function () {
$('input#link1').click(function (e) {
$(this).toggleClass('active');
$('#content1').toggle();

e.stopPropagation();
});
$('body,.Content-Top2-2').click(function () {
var link = $('input#link1');
if (link.hasClass('active')) {
link.click();
}
});
});
</script>

<script>
$(document).ready(function () {
$('input#link2').click(function (e) {
$(this).toggleClass('active');
$('#content2').toggle();

e.stopPropagation();
});
$('body,#link1,textarea').click(function () {
var link = $('input#link2');
if (link.hasClass('active')) {
link.click();
}
});
});
</script>

при клике в body все нормально сварачивается назад но при клике на другое поле инпут или текстера оно не хочет сварачиваться, помогите пожалуйста чайнику
Ответить с цитированием
  #2 (permalink)  
Старый 31.10.2016, 11:40
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,150

Сообщение от ChikiBOBONI
есть два input и один textarea нужно что бы при клике на поле текст уезжал вверх этих полей
Переведи...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
При клике на кнопку переход к якорю и открытие блока Galyanov Элементы интерфейса 19 11.12.2015 21:12
.remove для родителя возникает и при клике на потомка. Как отключить? arachnoz jQuery 3 05.07.2013 17:43
При клике на ссылку ничего не происходит gurg0n Элементы интерфейса 2 24.06.2013 11:11
Вопрос по jquery. Как запретить один из скриптов при клике vuler Общие вопросы Javascript 1 07.03.2012 22:35