发表新帖
发表新帖

Changing popup content

前端 未结
关注
2 1881
眼角桃花
眼角桃花 2020-12-18 09:47

I\'m opening a popup using popup = window.open(....) and then trying to insert some html into a div in the popup.

popup.document.getElementById(

相关标签:
2条回答
  • 深忆病人
    2020-12-18 10:21

    ...or simply:

    <script type="text/javascript">    
function reportComplete(report_content)
{
    var popup;
    var template_path;

    template_path = base_url + "application/views/secure/reports_preview.php";
    popup = window.open(template_path, "Report", "scrollbars=yes,resizable=yes");

    popup.window.onload = function() {
        popup.document.getElementById('the-field').value = "Hello There";
        popup.document.getElementById('div-content').innerHTML = "hello world";
    }
}
</script>
    0 讨论(0)
  • 轻奢々
    2020-12-18 10:40

    I think the problem here is that the document in the popup windows hasn't finished loading when you try to access a part of it. On my machine, neither of the divs can be accessed with the provided code.

    If the content you want to insert is fixed, then just do all these changes on the popup page itself so that you can make it happen only when the document is completely loaded. If you need to send some dynamic contents, the easiest approach may be using query strings.

    UPDATE: There is a way to fire up DOM manipulation function only when the popup finishes loading. First, you need a callback function on the main window, and put all the DOM manipulation code there:

    window.callback = function(doc) {
    doc.getElementById('the-field').value = "Hello there";
    doc.getElementById('div-content').innerHTML = "Hello world";
}

    Then, simply bind a function call to the body onload event on the popup window:

    <script type="text/javascript">
    function loaded() {
       window.opener.callback(document);
    }
</script>
<body onload="loaded();"><!-- body content --></body>
    0 讨论(0)
 看不清?
提交回复
热议问题