Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   preview (https://javascript.ru/forum/misc/1586-preview.html)

bFree 19.08.2008 13:31

preview
 
Привет всем. Я js не изучал (а порабы), но очень понадобилось( Есть форма с полями, необходимо по нажатии кнопки "предварительный просмотр" открыть новое окно и вывести в нем содержимое textarea из формы. Чесно говоря не понимаю, как это реализовать =\

ZoNT 19.08.2008 16:52

куча способов :)

bFree 19.08.2008 17:02

Вы очень помогли :)

Snipe 19.08.2008 17:13

<input type="button" onclick="var newWindow = window.open(''); newWindow.document.write(''); newWindow.document.close();">

Как-то так.
ну в newWindow.document.write подставьте значение откуда надо.

Андрей Параничев 19.08.2008 17:58

Я бы вашу задачу наверно решил бы так:
<html>
<head>
	<script type="text/javascript">
	function getPreview(textareaName)
	{
		// Получаем содержание textarea:
		var textareaContent = document.getElementsByName(textareaName)[0].value;
		
		// Открываем новое окно:
		var previewFeatures = "menubar=no,location=no,status=no,width=800,height=600";
		var previewWindow   = window.open('about:blank', 'preview', previewFeatures);
		var previewDoc = previewWindow.document;
		
		// Создаем контент документа:
		previewDoc.open();
		previewDoc.write('<html><head>');
		// Тут можно подсоеденить файл стилей (если нужно):
		previewDoc.write('<style></style>');
		previewDoc.write('</head><body>');
		previewDoc.write(textareaContent);
		previewDoc.write('</body></html>');
		previewDoc.close();
	}
	</script>
</head>
<body>
	<form name="myForm" action="">
		<textarea name="myTextarea"></textarea><br />
		<input type="submit" value="Отправить" /> &nbsp;
		<input type="button" value="Предпросмотр" onclick="getPreview('myTextarea')" />
	</form>
</body>
</html>


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