-1

ASPアプリケーションでネットをサーフィンするだけの要件があり、その目的のためにiframeをドロップしました。

しかしその後、セキュリティ上の懸念から、Google、fb、youtube などの特定のサイトが iframe で開かないことがわかりました。

同僚と話し合った後、Web ページ (iframe と同様) を div に表示し、その div をモーダル ポップアップに表示して、ユーザーがそのモーダル ポップアップ内の任意のページに移動できるようにするソリューションを考えました。

しかし、最初の検索の後、目的に向かって開始できるものは何も見つかりませんでした。そこで、ここで質問することを考えました。

誰でも私の目的を達成するのに役立つ適切な方向に私を導くことができますか?

ありがとう

4

1 に答える 1

0

この例を見てください：

$('#btnShowModal').click(function () {
            $.post
            (
                'MyController',
                {
                    some parameters to pass
                },
                function (htmlResult) {
                    $('#dialogWindowContent').html('');
                    $('#dialogWindow').dialog(
                    {
                        title: 'Title',
                        autoopen: true,
                        width: 'auto',
                        //height: 180,
                        resizable: false,
                        modal: true,
                        draggable: false
                    });
                    $(window).resize(function () {
                        $("#dialogWindow").dialog("option", "position", "center");
                    });
                    //position of modalWindow will always be in center of your browser window

                    $('#dialogWindowContent').append(htmlResult);
                    $("#dialogWindow").dialog("option", "position", "center");
                });
            return false;
        });

それは私のボタンであり、モーダルウィンドウへのdivです：

<input type="button" value="Add theme" id="btnShowModal" />
<div id="dialogWindow">
    <div id="dialogWindowContent">
    </div>
</div>

私はそれをMVCアプリケーションに書き込みました。そして理解しているように、post-methodのみを書き直す必要があります。htmlResult任意のhtmlコードを返すことができるため、モーダルウィンドウに表示されます。

お役に立てば幸いです。

于 2012-12-11T10:00:21.453 に答える