Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   вывод данных в новом окне (https://javascript.ru/forum/css-html/21865-vyvod-dannykh-v-novom-okne.html)

MasterHrust 27.09.2011 12:50

вывод данных в новом окне
 
Здравствуйте!
Скажите, как сделать вывод переменных javascript в новом окне после нажатия кнопки?

Т.е. есть данные:
document.writeln("Ширина шкафа: "+shirina+" см");
document.writeln("<br>Высота шкафа: "+visota+" см");
document.writeln("<br>Глубина шкафа: "+glubina+" см");
document.writeln("<br><br><font color=\"green\">Сумма равна: "+summa+"</font>");


Они выводятся после нажатия кнопки:
<input type ="button" value='РАССЧИТАТЬ' onclick='Go()'>

А нужно чтобы они выводились в новом окне заданного размера, чтобы пользователи не переходили на другую страницу.

Спасибо.

Триви 27.09.2011 13:39

Сумбурно как то.. уточните задание.

ksa 27.09.2011 13:41

Цитата:

Сообщение от MasterHrust
нужно чтобы они выводились в новом окне заданного размера

Ну тут нужно понять что ты подразумеваешь под "новым окном"... :)

Как вариант:

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style type="text/css">
#message {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -100px;
	width: 200px;
	height: 100px;
	background-color: silver;
	border: 1px solid;
	display: none;
}
</style>
<script type="text/javascript">
function Go() {
	var shirina=1,visota=2,glubina=3,summa=4
	var mes="Ширина шкафа: "+shirina+" см"
	mes+="<br>Высота шкафа: "+visota+" см"
	mes+="<br>Глубина шкафа: "+glubina+" см"
	mes+="<br><br><font color=\"green\">Сумма равна: "+summa+"</font>"
	$('#message').html(mes)
	$('#message').show('slow')
}
</script>
<input type='button' value='Go' onclick='Go()' />
<div id='message'></div>

Триви 27.09.2011 13:54

В msie 6 не будет работать :p
Я на всякий случай такие "окна" рассчитываю на JS самостоятельно :)

ksa 27.09.2011 13:56

Цитата:

Сообщение от Триви
В msie 6 не будет работать

А я его и не поддерживаю...

MasterHrust 27.09.2011 14:10

Вот на сайте увидел открытие окна
http://vvz.nw.ru/Lessons/JavaScript/..._open_test.htm

Только должно открывать вместо страницы, которая там указана - данные о расчетах.

Ваш вывод очень удобен - просто данных будет много, и много пользователей которые будут еще на ie6 сидеть

ksa 27.09.2011 14:26

Цитата:

Сообщение от MasterHrust
Вот на сайте увидел открытие окна

Это обычное окно...
Но ты ведь хотел "чтобы пользователи не переходили на другую страницу". :) А в примере как раз в окне отображается новая страничка...

Цитата:

Сообщение от MasterHrust
данных будет много

Делай див больше. :) Делай у него скрол.

Цитата:

Сообщение от MasterHrust
много пользователей которые будут еще на ie6 сидеть

Там все упирается в позиционирование того дива... Сделай его подругому - будет и тем пользователям счастие... :)

MasterHrust 27.09.2011 14:27

Спасибо +1

Навскидку - как сделать закрытие окна?
close()? - он всё закроет)

Триви 27.09.2011 14:31

Вы такое хотели?
<script type="text/javascript">
function Go() {
  var shirina=1,visota=2,glubina=3,summa=4
  var mes="Ширина шкафа: "+shirina+" см"
	  mes+="<br>Высота шкафа: "+visota+" см"
	  mes+="<br>Глубина шкафа: "+glubina+" см"
	  mes+="<br><br><font color=\"green\">Сумма равна: "+summa+"</font>"
  myWindow=window.open('','','width=200,height=100')
  myWindow.document.write("<p>" + mes + "</p>")
  myWindow.focus()
}
</script>

<input type='button' value='Go' onclick='Go()' />

MasterHrust 27.09.2011 14:32

Да да.
Что-то такое. Спасибо Вам. +1


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