带地址栏的彩盒

时间:2012-06-27 21:44:27

标签: colorbox

我是一个javascript假人。我下载了colorbox和jquery。他们工作得很好。我按照教程并阅读了示例代码但我无法弄清楚这一点。 当我打开一个彩盒时,它会打开正确的网址,然后我可以点击框中的链接并浏览其他网站。这一切都很棒。我需要在窗口顶部的地址块中显示url。当我使用java弹出窗口时它会正常工作。您可以转到其他网址,地址显示在窗口顶部的地址栏中。 所以我假设我可以用colorbox来做。这将使我的页面看起来比普通弹出窗口好多了。可以做到这一点。这是我的代码。

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">             </script>
          <script src="http://www.mysite.com/colorbox/jquery.colorbox.js"></script>
          <link rel="stylesheet" href="http://www.mysite.com/colorbox/colorbox.css"    />




<script>
parent.jQuery.colorbox.close();
    $(function ()
    {

        $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

})




   </script>

和我打开方框的链接

<a class='iframe' href="http://www.ebay.com">ebay </a></p>

如果你选择帮忙我求你告诉我新代码的去向。如果你告诉我添加一行代码,我将不知道在哪里放它。我正在努力学习javascript,但我是一个非常新手。谢谢。

1 个答案:

答案 0 :(得分:0)

我不认为ColorBox是您使用的正确插件,因为它的默认设计和您的技能组合。 ColorBox不是设计为“类似浏览器”,而是让用户浏览其他网站。

可以改变设计假设,但这需要比你承认的更高级的JS技能。

也许您只需使用纯HTML锚标记(<a>)并使用“target =”参数打开新的浏览器实例即可实现目标。

最佳,

KJM