1

我创建了一个显示来自网站的提要并将其显示在主窗口中的小工具。如果我点击其中一条新闻,我会看到弹出窗口,它会为我提供更多信息。我在主体中还有一个搜索选项,它在网站上进行搜索,但它在浏览器窗口中打开。

我的问题是如何在弹出窗口中打开搜索功能?有没有办法将搜索按钮链接到 flyout_2 文件?也许有人可以指出我正确的方向。

4

1 回答 1

2

弹出窗口必须手动打开。

整个界面都是汤。浮出控件还必须指向有效的 HTML 页面(本地或远程,没关系)。但是,一旦加载,您可以随意处理 DOM。

话虽如此,捕获“搜索”事件并使其显示到弹出 DOM。这可能是浮出控件本身的重定向、具有动态设置目标的 iframe 或其他 DOM 操作。

我使用的一个技巧是使用“通用”弹出窗口,它只是调用父窗口上的一个方法,将自身作为参数传递(弹出窗口只是子窗口),然后让“主”小工具实际处理基于 DOM 的工作在上下文中。

// in "fuout.html"
jQuery(function ($j) {
    var parent = System.Gadget.document
    parent.loadFuout(document, $j)
})

// in main gadget html
document.loadFuout = function (fuout, _j) {
    // other stuff based on current flyout context...
    // fuout is document object of flyout
}

请注意:在我的例子中,我运行了一个稍微修改过的 jQuery,其中文档被绑定在一个闭包中。这使我可以参考上面通过_j 访问的“文档的正确jQuery 对象”。

于 2009-11-02T09:00:03.647 回答