Код JavaScript, чтобы сделать внешний сайт всплывающим - PullRequest
Новая
       5

Код JavaScript, чтобы сделать внешний сайт всплывающим

0 голосов
/ 29 ноября 2011

Мне нужен код JavaScript, который позволил бы мне, нажав определенную кнопку, чтобы открыть панель, содержащую другую страницу, не входящую в мой домен, например, www.google.com!

НажмитеЗдесь и после нажатия появится всплывающее окно или появится панель с Google.com!

спасибо!

Ответы [ 5 ]

3 голосов
/ 29 ноября 2011

В функции, которую вы связываете с событием щелчка для элемента, по которому хотите щелкнуть: Создать iframe и установить его src , затем добавьте его к элементу, уже находящемуся в документе.

3 голосов
/ 29 ноября 2011

Я бы посмотрел на использование jquery http://docs.jquery.com/How_jQuery_Works

Он размещен на CDN, поэтому его легко включить в документ, и многие браузеры уже кэшируют его, что сокращает время загрузки страниц. 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>

jquery - это легковесная библиотека javascript, которая делает ДЕЙСТВИТЕЛЬНО простой выбор и управление элементами страницы. 

$("#button").click(function () { 
  $("#hiddenDiv").slideDown(); 
});

Скрытый div должен содержать iframe для отображения страницы вне домена.

http://www.w3schools.com/html/html_iframe.asp

О, и если вам нужно динамически назначить iframe, посмотрите в функцию jquery append http://api.jquery.com/append/

$('#hiddenDiv').append('<iframe src="http://www.google.co.uk"></iframe>');
2 голосов
/ 29 ноября 2011

Это должно поставить вас на правильный путь.

0 голосов
/ 29 ноября 2011 
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('#show_frameDiv').click(function(){
        $('#frameDiv').show();
    });
    });
</script>
<style>
    #frameDiv { display: none; }
    #frameDiv iframe { width: 100%; height: 600px; }
</style>
</head>
<body>
    <a href="#" id="show_frameDiv">Show external site</a>

    <div id="frameDiv">
        <iframe src="http://www.bbc.co.uk">
            <p>Your browser does not support iframes.</p>
        </iframe>
    </div>
</body>

Это будет работать, только если на сайте, который вы пытаетесь отобразить, разрешены кадры. В противном случае вам может понадобиться открыть сайт в отдельном окне браузера.

0 голосов
/ 29 ноября 2011

используйте окно. Откройте метод, подобный этому:

window.open ("www.google.com", "mywindow");

см http://www.javascript -coder.com / оконного всплывающее окно / JavaScript-окна-open.phtml

для более подробной информации.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...