Загрузить другую страницу в диалоге - PullRequest
Новая
       13

Загрузить другую страницу в диалоге

0 голосов
/ 17 апреля 2009

Мне удалось отобразить диалоговое окно при нажатии на ссылку. Как вытащить содержимое другой страницы в диалоговом окне?

Ответы [ 4 ]

4 голосов
/ 23 апреля 2009

Я делал это в прошлом, загружая «другой контент» в div и затем отображая этот div в виде диалога. 

$('#dialog').load('other_content.html', function(){ 
    $(this).dialog();
}

jQuery Docs для Ajax / load

1 голос
/ 18 апреля 2009

Когда вы вызываете файл через iquery-метод jquery, то это возможно чтобы загрузить дополнительное содержимое из загруженного файла, когда он будет сброшен в диалоговое окно: 

<script>
$(document).ready(function(){
  $("#myDropZone").load("another-file.html");
});
</script>

Этот код должен быть возвращен из загруженного содержимого HTML.

BTM, вы можете загружать контент разными способами, но помните о том, что вы делаете. Не загружайте файлы рекурсивно. Будет так же, как цикл.

Надеюсь, это поможет

1 голос
/ 17 апреля 2009

Является ли метод jQuery load () тем, что вы ищете?

0 голосов
/ 27 апреля 2012 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Scripts/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet"
        type="text/css" />
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.16.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var UIDialogId = 0;

            $('.UIDialogOpen').live('click', function (e) {
                e.preventDefault();
                alert(this.href);
                UIDialogId++;

                $('<div/>', {
                    'id': $(this).attr('data-dialog-id') !== undefined ? $(this).attr('data-dialog-id') : 'UIDialog' + UIDialogId,
                    'class': 'UIDialog'
                }).appendTo('body').dialog({
                    title: $(this).attr('data-dialog-title') !== undefined ? $(this).attr('data-dialog-title') : 'Message',
                    position: ['center', 'center'],
                    modal: true, resizable: false, zIndex: 10000, autoOpen: true,
                    minWidth: $(this).attr('data-dialog-minwidth') !== undefined ? $(this).attr('data-dialog-minwidth') : '300px',
                    minHeight: $(this).attr('data-dialog-minheight') !== undefined ? $(this).attr('data-dialog-minheight') : '300px',
                    maxWidth: $(this).attr('data-dialog-maxwidth') !== undefined ? $(this).attr('data-dialog-maxwidth') : '300px',
                    maxHeight: $(this).attr('data-dialog-maxheight') !== undefined ? $(this).attr('data-dialog-maxheight') : '300px',
                    close: function (event, ui) {
                        $(this).remove();
                    }
                })
                .load(this.href);

                //Or   //Use .load(this.href); and comment or delete below append line.

                //.append('<h1>Hi.. This is Testing </h1> <input type="button" class="UIDialogCancel" value="Cancel" /> <input type="button" class="UIDialogClose" value="Close" />');


                $('.UIDialogClose, .UIDialogCancel').live('click', function (e) {
                    var obj = $(this)
                    e.preventDefault();
                    obj.parents('.UIDialog').dialog('close');
                });
            });

        });
    </script>
</head>
<body>
    <a href="your url" title="test1" class="UIDialogOpen">test1</a>
    <br />
    <a href="your url" title="test2" class="UIDialogOpen">test2</a>
    <br />
    <a href="your url" title="test3" class="UIDialogOpen">test3 </a>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...