Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Появление textarea при клике на ссылку (https://javascript.ru/forum/dom-window/32145-poyavlenie-textarea-pri-klike-na-ssylku.html)

makc9I 04.10.2012 20:56

Появление textarea при клике на ссылку
 
Всем привет.
Суть проблемы такова:
Есть страница с отзывами.


Отзывы могут комментироваться администратором, а также редактироваться им.
Требуется, чтобы по клику на редактировать/комментировать появлялось поле для редактирования/комментирования сообщения. Текстовая область и кнопка.
активно изучаю теорию по JavaScript на вашем сайте но кол-во практики стремится к нулю. Задание в целом PHP ное, но как там реализовать подобную фичу, я не знаю. Полагаю, нужно использовать JavaScript. Но не знаю, как.
Подскажите пожалуйста.

Your 05.10.2012 08:11

Теория это конечно хорошо, но без постоянной практики вы не освоите ничего.

Скрываете блок, а при клике показываете.
Можно воспользоваться также и visibility как пример для подсказок при наведении, но это уже сами изучите.
Пример:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Example</title>
		<style type="text/css">
			.textarea{display:none;}
		</style>
        <script type="text/javascript">
			function textarea(key) {
				document.getElementById('textarea'+key).style.display=(document.getElementById('textarea'+key).style.display=='block')?'none':'block';
			}
		</script>
</head>
<body>
	<a href="javascript:textarea(1)">Open Textarea</a>
	<div id="textarea1" class="textarea">
		<textarea></textarea>
	</div>
</body>
</html>


Подключите библиотеку jquery http://code.jquery.com/jquery-1.8.2.min.js

И воспользуйтесь функцией toggle().

И поменьше используйте "#иды".

bes 05.10.2012 09:59

appendChild, insertBefore, insertAdjacentHTML или скрывать/показывать через display

makc9I 05.10.2012 21:16

сделал, как посоветовал Your. Все работает. Спасибо.


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