Могу ли я открыть URL в диалоговом окне jqueryui? - PullRequest
Новая
       5

Могу ли я открыть URL в диалоговом окне jqueryui?

1 голос
/ 04 апреля 2011

У меня есть сайт для участия в конкурсе, который требует загрузки файла на внешний сервис. Прямо сейчас у нас просто есть ссылка на эту внешнюю службу, но мы обнаружили, что даже если мы откроем ссылку в отдельной вкладке / окне, пользователи иногда забывают вернуться и завершить оставшуюся часть нашего приложения. (Этот внешний сервис не имеет API, позволяющего беспрепятственно выполнять загрузку с нашего сайта.)

Мой вопрос: возможно ли использовать модальное диалоговое окно jquery для открытия внешнего URL? Я не собираюсь каким-либо образом контролировать этот URL; Я просто хочу держать пользователей на нашей главной странице, в то же время не давая им возможности взаимодействовать с остальной частью нашего сайта, пока они не завершат загрузку.

КОД

Вот что у меня так далеко; в настоящее время возвращается «Запрошенный контент не может быть загружен. Пожалуйста, попробуйте позже». независимо от того, содержит ли ссылка мой URL или просто Google. Кроме того, хотя для showCloseButton задано значение true и установлены атрибуты высоты и ширины, эти параметры игнорируются. 

<!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" xml:lang="en" lang="en"> 
<head> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery.fancybox-1.3.4.pack.js"></script> 
<link rel="stylesheet" href="../css/jquery.fancybox-1.3.4.css" type="text/css" media="screen" /> 
<script>
$(function() {
    $("#dropLink").click(function() {
            $.fancybox({
                            'padding'       : 0,
                            'modal'     : true,
                            'autoScale'     : false,
                            'transitionIn'  : 'none',
                            'transitionOut' : 'none',
                            'title'     : 'Upload Video',
                            'width'     : 680,
                            'height'        : 495,
                            'showCloseButton'   : true,
                    });

            return false;
    });
});

</script>
</head>
<body>
    <p>1. Visit <a id="dropLink" href="http://www.google.com">our dropbox</a> and upload your video file. Please enter &ldquo;Featured Exhibitor Program&rdquo; as the subject.</p> 

</body>
</html>

Ответы [ 3 ]

2 голосов
/ 04 апреля 2011

Вы можете использовать FancyBox или любой другой плагин lightbox . Большинство из них позволяет отображать модальное диалоговое окно с другим веб-сайтом.

Edit:

попробовать: 

$("#dropLink").fancybox({
                'width' : '680px',
                'height' : '495px',
                'autoScale' : false,
                'transitionIn' : 'none',
                'transitionOut' : 'none',
                'type' : 'iframe'
            });
2 голосов
/ 04 апреля 2011

Мы используем FancyBox , чтобы открывать URL-адреса в модалы, и это, кажется, работает просто отлично.

0 голосов
/ 05 июня 2012

Colorbox - еще одно отличное решение для открытия URL в модальном окне.

...