オーバーレイjQueryを使って外部のページの一部だけ

Question

どのように私はjqueryのオーバーレイで外部のページの一部をロードすることができますか？

私は、ASPXがTipoFactor.aspxウィッヒは、このようなのContentPlaceHolderの内側のdivを持って呼び出す必要があります：

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <br />
        <div id="DivGeneral" runat="server" class="tablaPaddingFiveCeleste">

あなたが「DivGeneral」を見ることができるように私は、オーバーレイにロードしたいものである、ウィッヒは次のように定義されています：

<a href="TipoFactorSeleccion.aspx" rel="#overlay">
                <button type="button">
                    Pagina Externa</button>
            </a>
            <!-- overlayed element -->
            <div class="apple_overlay" id="overlay">
                <!-- the external content is loaded inside this tag -->
                <div class="contentWrap">
                </div>
            </div>
            <script type="text/javascript">
                $(function() {
                    // if the function argument is given to overlay, 
                    // it is assumed to be the onBeforeLoad event listener 
                    $("a[rel]").overlay({

                        expose: 'darkred',
                        effect: 'apple',

                        onBeforeLoad: function() {

                            // grab wrapper element inside content 
                            var wrap = this.getContent().find(".contentWrap");

                            // load the page specified in the trigger 
                            wrap.load(this.getTrigger().attr("href"));
                        }

                    });
                });
            </script>

これは、オーバーレイになりましページ全体の読み込みであり、それは他と同じマスターページからinherites原因それは私のためによくないと。それはいくつかの重要なaplicationの機能を持っているので、私はそのマスターページを維持する必要があります。

私は何ができますか？
ありがとうございました。

Answer 1

：あなたがあなたのURL文字列にjQueryのセレクタ式にこっそりすることができますjQueryの「負荷（）」APIを使用する場合、

、私が正しくあなたを理解仮定すると、

$('#loadDestination').load('http://some.where/content #onlyThisPart', function() { ... });

これはレスポンスボディの「#onlyThisPart」を探すためのjQueryを伝え、それはそれはあなたのメイン文書に追加されますすべてです。

このように、あなたはこのようなあなたのコードの何かを変更したいです

// ...
wrap.load(this.getTrigger().attr("href") + ' #divGeneral');

または「ID」の値があることは何でも、あなたのコンテンツが開始マークます。