Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как отправить содержимое нужного div-а в pupop окно? (https://javascript.ru/forum/misc/36143-kak-otpravit-soderzhimoe-nuzhnogo-div-v-pupop-okno.html)

sarik 05.03.2013 08:45

Как отправить содержимое нужного div-а в pupop окно?
 
Как отправить содержимое нужного div-а в pupop окно?

Например есть:
<div id="design2323">
Внутри этого div-а есть таблицы и тексти 
</div>


Как сделать так чтобы отправить содержимое этого div-а в pupop окно?

danik.js 05.03.2013 09:35

win.document.body.appendChild(document.getElementById('design2323'));

sarik 05.03.2013 09:40

а это где вставить ? по подробнее если можно .Заранее спасибо.

rgl 05.03.2013 10:18

<html>

<head>
  <script type="text/javascript">
    function f() {
      var s = document.getElementById("design2323").innerHTML;
      window.showModalDialog( "javascript:'"+s+"'" );
    }
  </script>
</head>

<body>

<div id="design2323">
  <table border>
    <caption>TABLE</caption>
    <tr><td>1</td><td>One</td></tr>
    <tr><td>2</td><td>Two</td></tr>
    <tr><td>3</td><td>Three</td></tr>
  </table>
  TEXT Text text <b>bold</b> <i>italic</i>
</div>


<input type="button" value="popup" onclick="f()">


</body>

</html>

rgl 05.03.2013 11:15

Другой вариант:
function f() {
  var s = document.getElementById("design2323").innerHTML;
  var w2 = window.open();
  w2.document.open();
  w2.document.write(s);
  w2.document.close()
}

Вид окна, какой нужен, настраивается параметрами функции window.open()

sarik 05.03.2013 12:44

Все работаеть .Спасибо. а как сделать чтобы стили css тоже работали в pupop,?

danik.js 05.03.2013 13:23

Они работают. Просто их там нет )

sarik 05.03.2013 14:36

а где именно и как вставить сылку на таблицу сss,? чтобы в popup работал

danik.js 05.03.2013 15:17

Через тег link например


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