2012-06-20 2 views
0

В примерах, предлагаемых на официальном сайте http://www.jacklmoore.com/colorbox/example2/Загрузка внешнего сайта в всплывающем окне с помощью Colorbox

Этот сайт http://threadless.com открывается во всплывающем окне успешно.

Я успешно реализовал этот пример, но не смог загрузить другую страницу.

Например

<link rel="stylesheet" href="colorbox.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script src="jquery.colorbox.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"}); 
     }); 
    </script> 
<body> 
    <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p> 
</body> 

Этот код работает отлично, но когда я заменяю threadless.com с google.com, facebook.com, или любой другой веб-сайт появляется пустое всплывающее окно. Может ли кто-нибудь помочь мне, пожалуйста?

Большое спасибо.

+2

вы не можете поставить Google в IFRAME http://stackoverflow.com/questions/8700636/how-to-show-google-com-in-an-iframe проверка ответ –

+0

Спасибо очень много. Это хороший ответ для меня. :) –

ответ

0

Вы могли бы создать простую страницу с окном поиска Google и все остальное, что вам нужно, а затем открыть, что в плавающем фрейме вместо google.com ...

Вы хотите, чтобы результаты поиска, чтобы показать в iFrame или в новом окне?

+1

Я просто пытался научиться пользоваться Colorbox. Огромное спасибо. –

+1

Без проблем, удачи :) – ConorLuddy

Смежные вопросы