我创建了一个显示来自网站的提要并将其显示在主窗口中的小工具。如果我点击其中一条新闻,我会看到弹出窗口,它会为我提供更多信息。我在主体中还有一个搜索选项,它在网站上进行搜索,但它在浏览器窗口中打开。
我的问题是如何在弹出窗口中打开搜索功能?有没有办法将搜索按钮链接到 flyout_2 文件?也许有人可以指出我正确的方向。
我创建了一个显示来自网站的提要并将其显示在主窗口中的小工具。如果我点击其中一条新闻,我会看到弹出窗口,它会为我提供更多信息。我在主体中还有一个搜索选项,它在网站上进行搜索,但它在浏览器窗口中打开。
我的问题是如何在弹出窗口中打开搜索功能?有没有办法将搜索按钮链接到 flyout_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 对象”。