Форум

Globus · #1 (**permalink**) 04.03.2014, 14:35

Есть страница, на которой достаточно много текста. Необходимо, чтобы при нажатии на кнопку 'Открыть окно' создавалось новое окно и в нём был только текст с id ttx

Вот пример страницы:

Код:

<html>
<body>


<div>Это просто текст</div>
<div="ttx">Это произвольный текст, который как раз должен выводиться в новом окне</div>
<div>Это просто текст</div>

<input type="button" value='Открыть окно'>

</body>
</html>

У меня получается только создавать окно по принципу

<script type='text/javascript'>
 
function openas() {
mywindow = open('','newokno','width=700,height=700,status=1,menubar=1');
//Открываем документ
mywindow.document.open();
//Создаём документ
mywindow.document.write('<html><head><title>Создаём хтмл-документ');
mywindow.document.write('</title></head><body>');

mywindow.document.write('Это текст');

mywindow.document.write('</body></html>');
 
//Закрываем документ но не окно
mywindow.document.close();
}
 
</script>

Заранее спасибо за помощь!

animhotep · #2 (**permalink**) 04.03.2014, 14:56

<div id="ttx">Это произвольный текст, который как раз должен выводиться в новом окне</div>

текст = document.getElementById('ttx').innerHTML

Globus · #3 (**permalink**) 04.03.2014, 17:18

Сообщение от animhotep

<div id="ttx">Это произвольный текст, который как раз должен выводиться в новом окне</div>

текст = document.getElementById('ttx').innerHTML

animhotep, никак не соображу, как этим воспользоваться. Поясните, пожалуйста

animhotep · #4 (**permalink**) 04.03.2014, 17:21

задайте айди блоку <div id="ttx">

в js возьмите его текст

var ttxText = document.getElementById('ttx').innerHTML

и вставьте его в окно

mywindow.document.write(ttxText)

Globus · #5 (**permalink**) 04.03.2014, 18:50

<html>
  
<script type='text/javascript'>
var ttxText = document.getElementById('ttx').innerHTML;
function openas() {

mywindow = open('','newokno','width=700,height=700,status=1,menubar=1');

mywindow.document.open();

mywindow.document.write('<html><head><title>Создаём хтмл-документ');
mywindow.document.write('</title></head><body>');
  
mywindow.document.write(ttxText);
 
mywindow.document.write('Это статичный текст');

mywindow.document.write('</body></html>');
 
mywindow.document.close();
}
</script>
  

<body>

<div="ttx">Это произвольный текст, который как раз должен выводиться в новом окне</div>

<input type="button" value='Открыть окно' onclick="openas()">

</body>
</html>

Сделал так, в результате выдается:

undefinedЭто статичный текст

Подскажите, что не так?

animhotep · #6 (**permalink**) 04.03.2014, 19:37

я же 2 раза писал про id=
http://codepen.io/animhotep/pen/oIvyl

Globus · #7 (**permalink**) 04.03.2014, 19:56

тупанул, спасибо! всё работает
+ в репу

<html><head> 

 

</head><body>

<div id="ttx">Это произвольный текст, который как раз должен выводиться в новом окне</div>

<input type="button" value="Открыть окно" onclick="openas()">

<script>var ttxText = document.getElementById('ttx').innerHTML;
function openas() {

mywindow = open('','newokno','width=700,height=700,status=1,menubar=1');

mywindow.document.open();

mywindow.document.write('<html><head><title>Создаём хтмл-документ');
mywindow.document.write('</title></head><body>');
  
mywindow.document.write(ttxText);
 
mywindow.document.write('Это статичный текст');

mywindow.document.write('</body></html>');
 
mywindow.document.close();
}

 
</script>

Форум

Справочник

Discord чат

Курсы javascript