Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Открыть новое окно (вкладку) с текстом из div-а с определенным ID (https://javascript.ru/forum/dom-window/45525-otkryt-novoe-okno-vkladku-s-tekstom-iz-div-s-opredelennym-id.html)

Globus 04.03.2014 14:35

Открыть новое окно (вкладку) с текстом из div-а с определенным ID
 
Есть страница, на которой достаточно много текста. Необходимо, чтобы при нажатии на кнопку 'Открыть окно' создавалось новое окно и в нём был только текст с 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 04.03.2014 14:56

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

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

Globus 04.03.2014 17:18

Цитата:

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

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


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

animhotep 04.03.2014 17:21

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

в js возьмите его текст
var ttxText = document.getElementById('ttx').innerHTML

и вставьте его в окно
mywindow.document.write(ttxText)

Globus 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 04.03.2014 19:37

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

Globus 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>


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