Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не работает простейший код: ReferenceError: ... is not defined (https://javascript.ru/forum/dom-window/50043-ne-rabotaet-prostejjshijj-kod-referenceerror-not-defined.html)

ksa 10.09.2014 12:53

Цитата:

Сообщение от Webtest (Сообщение 329857)
Ну, я хотел чтобы при нажатии на кнопку, например:
<input class="questionBtn" type="button" value="2">

Открывалась текстовая форма с таким же айти, но с приставкой ta_.

Что-то я у тебя не вижу форм с ИД на эти ta_...

Webtest 10.09.2014 13:05

ksa, вот: <textarea name="content" class="mainContent" id="ta_2">2</textarea>

BETEPAH, я, просто, её еще не делал, а так, отметил на будущее.

ksa 10.09.2014 13:07

Цитата:

Сообщение от Webtest
вот: <textarea name="content" class="mainContent" id="ta_2">2</textarea>

Это не форма... :D

Webtest 10.09.2014 13:12

ksa, ну текстовое поле...

ksa 10.09.2014 13:15

Цитата:

Сообщение от Webtest (Сообщение 329857)
Ну, я хотел чтобы при нажатии на кнопку, например:
<input class="questionBtn" type="button" value="2">

Открывалась текстовая форма с таким же айти, но с приставкой ta_. А при нажатии на collapse сворачивалась.

Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.mainContent {
	display: none;
}
</style>
<script type='text/javascript'>
$(function (){
	$('.questionBtn').each(function (){
		$(this).click(function () {
			var id='#ta_'+this.value;
			$(id).show();
		});
	});
	$('#collapse').click(function (){
		$('.mainContent:visible').hide();
	});
});
</script>
</head>
<body>
	<form action="" method="post">
		<table>
			<tr>
				<td class="capLeft">
					<input type="text" name="url" value="">
					<input type="Submit" value="Открыть" name="open" id="open">
				</td>
				<td class="capRight">
					<input type="button" value="Свернуть" name="collapse" id="collapse">
					<input type="submit" value="Закрыть" name="close" id="close">
				</td>
			</tr>		
			<tr>
				<td class="content" colspan="2">			
					<textarea name="content" class="mainContent" id="ta_2">2</textarea>
					<textarea name="content" class="mainContent" id="ta_e23">e233</textarea>
					<textarea name="content" class="mainContent" id="ta_fgd">fgdsfgdsg</textarea>
				</td>
			</tr>		
			<tr>
				<td class="tab" colspan="2">
					<input class="questionBtn" type="button" value="2">
					<input class="questionBtn" type="button" value="e23">
					<input class="questionBtn" type="button" value="fgd">
				</td>
			</tr>
		</table>
	</form>
</body>
</html>
</html>

ksa 10.09.2014 13:16

Цитата:

Сообщение от Webtest
ну текстовое поле...

И не текстовое поле... :D

Webtest 10.09.2014 13:22

ksa, ну не знаю:
Цитата:

Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста.
Хм... А можно код переделать так, чтобы при нажатии на закрыть исчезали только открытые документы?

ksa 10.09.2014 14:13

Цитата:

Сообщение от Webtest
А можно код переделать так, чтобы при нажатии на закрыть исчезали только открытые документы?

У меня так и сделано...
Цитата:

Сообщение от ksa
$('#collapse').click(function (){
   $('.mainContent:visible').hide();
});


Webtest 10.09.2014 14:18

ksa, я, просто, пробовал скрипт сразу в браузере по кнопке "Посмотреть!" - в нем, оказывается, работало не верно. Спасибо!


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