mootools moopopup URL опция не работает?

Question

mootools moopopup URL опция не работает?

Я новичок в mootoolsЯ работаю над демо-примером для moopopup но для меня опция url для загрузки удаленного не выскакивает.

<link href="moopopup.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="mootools-core-yc.js"></script>
<script type="text/javascript" src="mootools-more-yc.js"></script>
<script src="moopopup-yc.js" type="text/javascript"></script>

<script type="text/javascript">
    function runExample3() { 
        var mypopup3 = new moopopup({
            title: 'My home page',
            resizable: false,
            width: 800,
            max_body_height: 600,
            url: 'http://www.google.co.in/'
        });
        mypopup3.display();     
    }
</script>
</head>

<body onLoad="prettyPrint()">
<span class="button link" onclick="runExample3();">run javascript</span>
</body>

Вот URL:

http://sasi.pro/searchsn/new/

1

url popup mootools mootools-events mootools-fx

Источник

user420179 08 авг '13 в 20:20

1 ответ

Другие вопросы по тегам url popup mootools mootools-events mootools-fx

user2256325 08 авг '13 в 22:27 2013-08-08 22:27 · Answer 1 · 2013-08-08 22:27

Ну, вы не можете делать то, что вы хотите напрямую из-за междоменной безопасности. Вы не можете импортировать другой сайт в свой собственный HTML. Вы можете делать запросы ajax, но не можете импортировать http://www.google.co.in/ через ajax.

Я не уверен, как вы будете использовать moopopup, но единственная альтернатива, которую я вижу, это использовать htmlnode вариант moopopup и загрузить iFrame внутрь. В этом случае это сработает, и у вас останется немного CSS-работы. Тем не менее, некоторые сайты не позволяют показывать себя в iFrame, Google является одним из них.

ДЕМО ЗДЕСЬ

Я также внес небольшие изменения в ваш код, обратите внимание, что на вашем сайте / ссылке вы вызываете функцию prettyPrint() на странице загрузки, которая не существует (может быть, часть другого вашего кода)...

В любом случае мой код в демо-версии:

HTML

<span class="button link">run javascript</span>
<div id="newiframe">
    <iframe src="http://www.yr.no" id="newiframe" />
</div>

CSS

#newiframe {
    display:none;
    width:770px;
    height:300px;
    overflow:auto;
}
.moopopup-body #newiframe {
    display:block;
}

скрипт

var myIframe = document.id('newiframe');
function runExample3() {
    var mypopup3 = new moopopup({
        title: 'My home page',
        resizable: false,
        width: 800,
        max_body_height: 600,
        html_node: myIframe
    });
    mypopup3.display();
}

document.getElement('.button.link').addEvent('click', runExample3);
//commented because it doesn't exist
// window.addEvent('domready', function() { prettyPrint();});