Всплывающее окно с содержимым в javascript

Пожалуйста, мне нужна ваша помощь. Я пытаюсь открыть новое окно в javascript. новое окно будет содержать информацию о родительском окне. Я добавил весь контент в div. кнопка, вызывающая сценарий, показана ниже.Всплывающее окно с содержимым в javascript

<asp:Button ID="Button6" OnClientClick="PrintElem('#info1');" CssClass="btn btn- primary btn-xs" runat="server" Text="Print Report"/>

У меня есть DIV может содержать все содержимое я хочу, чтобы отобразить в новом окне, которое

<div id="info1" runat="server">

идея заключается в том, что я не хочу, чтобы отобразить меню страницы. я просто хочу, чтобы конкретное содержимое div отображалось в новом окне. когда я нажимал на кнопку, на ней отображается пустая страница, которая бросает исключение UNDEFINED. спасибо за помощь.

И вот мой сценарий.

function PrintElem(elem) { 

    Popup($(elem).html()); 

} 

function Popup(Data) { 
    var mywindow = window.open('', 'my div', 'height=1000,width=1200'); 
    mywindow.document.write('<html><head><title>Report Title</title>'); 
    // mywindow.document.write('<link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins/jquery-ui.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/main.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/icons.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/fontawesome/font-awesome.min.css" rel="stylesheet" media="all" />'); 
    mywindow.document.write('</head><body>'); 
    mywindow.document.write(Data); 
    mywindow.document.write('</body></html>'); 
    mywindow.print(); 
    //mywindow.close(); 
    return true; 
}

источник

2014-09-01 Haruna Ado

[медиазапросы] (https: // разработчик. mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries) для задачи у вас есть руки. – Teemu

Попробуйте это:

var mywindow = window.open('', 'my div', 'height=1000,width=1200,toolbar=no,menubar=no,scrollbars=no,resizable=no');

Изменить: ниже работает для меня:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Test</title> 
    <script type="text/javascript"> 
     function Popup(Data) { 
      var mywindow = window.open('', 'my div', 'height=1000,width=1200'); 
      mywindow.document.write('<html><head><title>Report Title</title>'); 
      // mywindow.document.write('<link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins/jquery-ui.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/main.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/icons.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/fontawesome/font-awesome.min.css" rel="stylesheet" media="all" />'); 
      mywindow.document.write('</head><body>'); 
      mywindow.document.write(Data); 
      mywindow.document.write('</body></html>'); 
      mywindow.print(); 
      //mywindow.close(); 
      return true; 
     } 
    </script> 
</head> 
<body> 
    <button onclick="Popup('Hahaha');">Go Popup</button> 
</body> 
</html>

источник

2014-09-01 13:09:42 navigator

все еще не работает. такое же неопределенное исключение. –

Это отлично работает для меня ... Опубликованы код выше – navigator

Всплывающее окно с содержимым в javascript

ответ

Смежные вопросы