Скопируйте div во всплывающее окно - PullRequest
Новая
       1

Скопируйте div во всплывающее окно

2 голосов
/ 12 марта 2012

Как мне скопировать весь div во всплывающее окно?

Что я пытаюсь сделать: 

function ImprimirTela() {
        var text = "<html>\n<head>\n<title>Impressão Guia</title>\n";
        text += "<script src='~/js/jquery-1.4.2.js' type='text/javascript' language='javascript' />\n";
        text += "</head>\n<body>\n";
        text += "<input type='button' value='Imprimir esta página' onclick='window.print();' style='float: right' />\n";
        text += "<div id='conteudo'>\n";

        text += $("#divDadosBasicos").html($(querySelector).html());
        text += $("#divHipotesesDiagnosticas").html($(querySelector).html());

        text += "</div>\n/body>\n</html>";
        var newWindow = window.open('', 'Impressao', 'width=900,height=700');
        newWindow.document.write(text);
    }

Я не знаю, является ли это лучшим способом сделать это,Если вы думаете / знаете более простой способ сделать это, пожалуйста, поделитесь

Заранее спасибо!

Ответы [ 3 ]

2 голосов
/ 12 марта 2012

Исправьте некоторые из этих ошибок, и все будет работать нормально

  1. Тег скрипта закрыт неправильно
  2. тег тела не закрыт должным образом

  3. querySelector не определен. (Я комментирую эту часть) 

    function ImprimirTela() {
    var text = "<html>\n<head>\n<title>Impressão Guia</title>\n";
    text += "<script src='~/js/jquery-1.4.2.js' type='text/javascript' language='javascript'></script>\n";
    text += "</head>\n<body>\n";
    text += "<input type='button' value='Imprimir esta página' onclick='window.print();' style='float: right' />\n";
    text += "<div id='conteudo'>\n";
    //define querySelector
    //text += $("#divDadosBasicos").html($(querySelector).html());
    //text += $("#divHipotesesDiagnosticas").html($(querySelector).html());

    text += "</div>\n</body>\n</html>";
    var newWindow = window.open('', 'Impressao', 'width=900,height=700');
    newWindow.document.write(text);
}
0 голосов
/ 12 марта 2012

Только что протестировал, и код, кажется, работает нормально, пока определено querySelector, и оно находится в функции document.ready, и вы тестируете это на реальном веб-сервере (например, WAMP / LAMP и т. Д.) , Он не будет работать в таких местах, как jsFiddle и т. Д.

0 голосов
/ 12 марта 2012

Вы можете использовать Jquery Modal Popup

http://jqueryui.com/demos/dialog/

Проверьте это, он обладает необходимой вам функциональностью.

Он имеет несколько событий, которые можно настроить для изменения данных.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...