Форум

sarik · #1 (**permalink**) 05.03.2013, 08:45

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

Например есть:

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

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

danik.js · #2 (**permalink**) 05.03.2013, 09:35

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

sarik · #3 (**permalink**) 05.03.2013, 09:40

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

rgl · #4 (**permalink**) 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 · #5 (**permalink**) 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 · #6 (**permalink**) 05.03.2013, 12:44

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

danik.js · #7 (**permalink**) 05.03.2013, 13:23

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

sarik · #8 (**permalink**) 05.03.2013, 14:36

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

danik.js · #9 (**permalink**) 05.03.2013, 15:17

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

Форум

Справочник

Discord чат

Курсы javascript