在Doubleclick for Publishers(SB)iframe之外创建一个jQuery对话框

时间:2012-12-03 14:28:13

标签: javascript jquery jquery-ui dialog google-dfp

我需要创建一个通过Doubleclick for Publishers(SB)提供的自定义对话框。 DFP SB通过iframe提供横幅广告,这是造成问题的原因。我已经为jquery对话框创建了代码,但它不会在iframe之外中断并显示在它的父级中。

如何让对话框显示相对于iframe的父窗口而不是iframe?

或许有更好的方法可以做到这一点?

1 个答案:

答案 0 :(得分:1)

如果您有权访问该网页,则广告就会非常简单。

将对话框的代码移动到广告将显示的页面上,然后只需使用以下内容从广告iframe调用主机页面上的jQuery:

<script>
    top.$('body').append('<div>This will be appended to the host page body</div>');
</script>

或者,你仍然可以在iframe中制作广告,然后将其“复制”到主机页面,如下所示:

<script>
    // Build element 
    $('body').append('<div id="copythis">This will be copied to the host page</div>');

    // Select element to be copied to host page
    var el = $('#copythis');

    // Insert into host page
    top.$('body').append(el);
</script>

希望这足以让你走上正确的道路。如果没有发布你的代码,我会再看看。