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

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

источник

2009-04-17 Anonymous

Это метод jQuery load(), что вы ищете?

источник

2009-04-17 17:58:54 Matt

Я не уверен, как получить ссылку в диалоговом окне, чтобы сделать его загружать различный контент без закрытия и повторного открытия. – 2009-04-17 19:03:49

PS: Я просто пробовал загрузку, это не сработало. – 2009-04-17 19:09:11

Попробуйте что-нибудь вроде $ ('# theDialog'). Load ('someOtherFile.html'); Затем, когда вы нажмете ссылку, у нее будет содержимое удаленного файла. Существуют различные способы загрузки файла, но это наиболее прямолинейно. – Jab

При вызове файла через то есть нагрузки метода Jquery, а затем его можно загрузить дальнейшее содержание из загруженного файла, когда он упал в диалоговом окне:

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

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

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

Надеется, что это помогает

источник

2009-04-18 16:04:47

Если вышеуказанная функция находится в html исходной страницы или диалога? Я не понимаю, какая страница отвечает на события внутри диалогового окна, это сам диалог или страница, которая вызывает его? – 2009-04-22 14:40:13

Извините, если бы я не написал четко. Я имею в виду страницу, которая вызывается вашим первым запросом (а не диалогом). –

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

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

Jquery Docs для Ajax/load

источник

2009-04-23 12:08:50

Спасибо, но я предпочел бы не загружать другой контент, это скорее всего задержит время загрузки страницы. – 2009-04-23 18:19:58

Jon - Я дал вам +1, потому что ваш ответ прав, и ответ OPs заставил меня смеяться! – CResults

<!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>

источник

2012-04-27 10:19:36 Thulasiram

в test1 в href u необходимо установить ссылку ur r url. то он будет работать. – Thulasiram

Если у вас есть другой сайт, он не будет работать. – Thulasiram

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

ответ

Смежные вопросы