10

JQuery ThickBox 3.1を使用して、Iframed コンテンツを popup window として表示します。

 <a href="popUp.aspx?id=<%#Eval("id")%>&TB_iframe=true&height=600&width=800" 
 title='<%#Eval("Title")%>' class="thickbox">
 <img id="thumbnailImage" runat="server" src='<%#Eval("ImagePath")%>' 
 alt="Single Image"  width="180" style="max-height:220px"/></a></div>

「thumbnailImage」をクリックすると、ページ「popUp.aspx」がポップアップ ウィンドウとして表示されます。
ご覧のとおり、ポップアップ ウィンドウのサイズをheight=600&width=800"に
指定していますが、( width:auto ) のテーブルがあるため、テーブルの幅が動的に変化する可能性があります。

ThickBox の width と height の値を に設定する方法を知りたいですauto。

ThickBoxのcssファイルとjavascriptファイルが見れます！

4

1 に答える 1

2

すべてを正しく理解しているかどうかはわかりませんが、テーブルが iframe 内にある場合、iframe はページ内の多くのものの境界であることを知っておく必要があります。

特に、レイアウトは iframe を通過しません。iframeの内側と外側があります。それらは完全に分離された世界に残り、テーブルのサイズ ( iframe内のドキュメントに存在する) が iframe 自体のサイズ、またはiframe の外側のドキュメントに存在するものに影響を与える方法はありません。

iframe を取り除かない場合、唯一の解決策は、javascript を使用して、iframe 内のドキュメントから iframe 自体にサイズをコピーすることです。もちろん、これはスクリプトがそれを実行できることを前提としています。つまり、クロスサイト スクリプティングの問題がないことを前提としています (iframe とメイン ドキュメントは同じオリジンから取得する必要があります)。

明確にするために、そして適切に答えるために：あなたは間違った質問をします。シックボックスのサイズを「自動」に設定しても役に立ちません。シックボックスのサイズを実際の値に動的に設定する必要があります。

于 2013-05-29T23:18:47.023 に答える