Как показать HTML-страницу в правом нижнем углу, а не в div?

Я хочу показать содержимое страницы HTML в правом нижнем углу страницы через мой js-скрипт, как показано ниже.

Для этого я не хочу размещать div на странице, а затем страницу, которая будет отображаться в нем, НО так или иначе разместить ее там.

Цель состоит в том, чтобы ничего не редактировать со страницы, все волшебство должно быть выполнено через.js файл.

Так что теперь у меня есть это:

<div id="topBar"> <a href="#" onclick="load_home()" target="_blank"> HOME </a> </div>
<div id="content"> </div>

но он загружает страницу, на которой я размещаю div, а не наложение.

Как это сделать?

1 ответ

Если JQuery в порядке с вами, вы можете посмотреть следующие параметры: http://www.erichynds.com/examples/jquery-notify/

http://notifyjs.com/ (Этот эффект имеет тот же эффект, что и описанный выше)

Вы можете загрузить html-страницу через AJAX, а затем визуализировать ее в DIV, созданный с использованием любого из вышеперечисленных плагинов.

Для перекрестных доменов вам, возможно, придется попробовать следующий подход. Http://www.leggetter.co.uk/2010/03/12/making-cross-domain-javascript-requests-using-xmlhttprequest-or-xdomainrequest.html

licensed under cc by-sa 3.0 with attribution.