【问题标题】:Need page 1 Javascript to action a DIV that i have inserted on my page 2?需要第 1 页 Javascript 来操作我在第 2 页上插入的 DIV?
【发布时间】:2012-10-10 13:44:54
【问题描述】:

我目前正在编写标准的“Yahoo Hosted Web Search”脚本,但遇到了一些问题。

在我的主页 (index.html) 上的搜索框中输入查询,然后点击提交进行雅虎搜索以在同一页面上返回结果。

此提交操作会触发主页上的 yahoo javascript 通过放置加载结果 iframe 的适当 div 来返回同一页面上的搜索结果。

完整的过程脚本如下:

================================================ ===============

        <input type="text" id="searchbox" size="10" />
        <input type="submit" value="Submit"/>
    </form >

================================================ =======================

    <script type="text/javascript">
        function search() {
            YHS.search(document.getElementById("searchbox").value);
    </script>

================================================ =======================

提取命令:::::::::::::::::::::

dom_id: "bossDiv", // BOSS Hosted Search iframe 渲染的 div 标签的 id

================================================ =======================

    <div id="bossDiv">
    </div>

这是显示 BOSS 托管搜索体验的空 div 标签。您需要在 Javascript 代码 sn-p 中用这个 div id ('bossDiv') 替换

================

现在基本上我想确保我的结果显示在第二页而不是主页上。问题是 DIV TAG:ID 'bossDiv' 在主页上加载 iframe.. 无论如何我可以将此 DIV 插入到说 results.html 并让主页以某种方式命令 results.html 页面上的 div 以显示搜索结果呢?

一直在努力尝试表单操作等,但我能看到这将起作用的唯一方法是,如果我只是将 div 插入 results.html 页面并以某种方式告诉 index.html 上的雅虎 javascript 在哪里可以找到DIV 或重定向页面以查找并触发 DIV ??有谁知道一种方法来告诉 java 在哪里可以找到另一个页面上的 div 以在查询搜索提交时触发和操作它..?

请帮助它已经破坏了我的大脑至少 2 周了,我不知道从网上阅读大量的混乱中采取什么步骤:(

谢谢大家!

【问题讨论】:

    标签: javascript html query-string yahoo-api yahoo-search


    【解决方案1】:

    您无法通过 javascript 访问其他页面 - 一种常见的搜索方法是使用 QueryString

    How can I get query string values in JavaScript?

    【讨论】:

    • 感谢您的快速回复!无论如何都会触发DIV吗?
    • 看起来您需要自己在第一页上实现搜索表单,并让它与第二页一起将您发送到第二页。您可以在 URL 中使用 QueryStrings,或者如果您使用可以拦截帖子的服务器端脚本语言,那么您可以根据需要在表单帖子中拦截搜索字符串。进入第二页后,从第一页(从 URL 或由服务器端脚本在页面上呈现)捕获变量,并将其作为搜索字符串传递给 yahoo 搜索 API。 - 这应该“触发”第二页上的 div 以呈现 iframe。
    • 谢谢 Rob,那就对了!在我的 url 中使用 QueryStrings 的实例中:用户在我的搜索框中搜索说 CARS 并点击提交后,它可以给出 WEBURL.COM/?search=CARS 或者如果我使用:
      并在提交的查询返回:WEBURL.COM/search.php?search=cars 我知道这是一个很长的机会,但我不认为你可以建议我如何捕获搜索变量从 URL 并将其作为搜索字符串传递给搜索 API 以触发结果?抱歉 2 麻烦了! @Rob-Hardy
    • 不用担心 - 在投票中说出来 =D 您可以在 JavaScript 中使用 document.location.search 提取查询字符串。有关简化示例,请参阅pastebin.com/w18r8fFM
    • 谢谢你:)。我认为我粘贴在您的示例中是正确的: 之间
    猜你喜欢
    • 2013-02-26
    • 2017-07-19
    • 1970-01-01
    • 2021-03-24
    • 1970-01-01
    • 2014-02-16
    • 2023-02-10
    • 1970-01-01
    • 2018-02-27
    相关资源
    最近更新 更多