Передача родительского div во всплывающий div с использованием javascript - PullRequest
Новая
       47

Передача родительского div во всплывающий div с использованием javascript

1 голос
/ 29 июля 2011

Я проектирую страницу для клиента, и у меня есть таблица базы данных внутри div с именем 'areaToPrint', которую я хочу каким-то образом распечатать, и я хочу иметь возможность форматировать таблицу css. Основная идея состоит в том, чтобы использовать javascript для отправки 'areaToPrint'.innerhtml в div с именем' printer 'внутри моего отформатированного файла css printer.php.

// Мой скрипт на главной / родительской странице 

<script>
function printDiv()
{
var divToPrint=document.getElementById('areaToPrint');
var newWin = window.open("printer.php");
newWin.document.getElementById('printer').innerHTML=divToPrint.innerHTML;
newWin.print();
newWin.close();
}
</script>

// элемент body внутри Printer.php 

<body>
<div id="printer"></div>
</body>

Я хочу, чтобы содержимое areaToPrint заполняло div принтера в всплывающем файле printer.php. Я смог сделать аналогичную задачу, используя что-то вроде 

newWin.document.write(divToPrint.outerHTML)

Но я хочу иметь возможность отформатировать css таблицу внутри div. (JavaScript вызывается со ссылкой)

Какие-либо предложения по ошибкам в JavaScript?

Ответы [ 2 ]

1 голос
/ 29 июля 2011

Может быть, jQuery будет полезен с 

$(this).parent()
$("someone").css()
$("someone").addClass()
0 голосов
/ 29 июля 2011

Если вы не хотите динамически форматировать таблицу с помощью JavaScript (например, изменять визуальные стили на основе взаимодействия), самый простой способ - включить таблицу стилей в шаблон представления printer.php.

например 

<html>
    <head>
        <link rel="text/css" media="print" href="css/print.css" />
    </head>
    <body>
        <div id="printer"></div>
    </body>
<html>
...