Как открыть HTML-страницу как всплывающее окно на странице (не открывается новое окно) с помощью Jquery

Question

У меня есть кнопка ссылки, и когда я нажму на кнопку ссылки, откроется всплывающее окно (с самой страницей, например, с modalpopup. Теперь мне нужно почувствовать всплывающее окно, используя jquery, а внутри div-текст должен быть база данных. Как можно получить сообщение от бэкэнда.

означает открыть div в модальном всплывающем окне, используя jquery

или открывает html-страницу во всплывающем окне в том же окне, используя jquery

Спасибо и С уважением Вара Прасад.М

Answer 1

Взгляните на плагин Facebox jQuery. Это в значительной степени соответствует тому, что вы просите. Например, у вас может быть такая ссылка на удаленную страницу, например,

<a href="remote.html" rel="facebox">text</a>

, тогда просто вызовите плагин Facebox, когда ваш контент загружен так:

jQuery(document).ready(function($) {
    $('a[rel*=facebox]').facebox()
});

и ваш контент будет отображаться в модальном окне. Вы также можете взглянуть на Fancybox или ThickBox , которые обеспечивают очень похожую функциональность.

Answer 2

Есть два шага к вашей проблеме:

1. Открыть модальное всплывающее окно с помощью jQuery
2. Получить содержимое на стороне сервера и отобразить его в модальном диалоговом окне

Используйте jQuery Dialog (http://docs.jquery.com/UI/Dialog) для открытия модального диалога, а затем используйте jQuery load (http://api.jquery.com/load/) для загрузки содержимого с сервера.

Страница сервера, которую вы вызываете, сделает запрос к базе данных и выведет содержимое в буфер ответов.