- 2009年1月9日 6:34 PM
- JavaScript | Web制作
thickbox3を利用して他のページ(htmlファイル)をthickboxウィンドウ内に表示するためのメモ。(jquery1.2.6を使ってIE6と7とFx3で確認)
thickbox3やjqueryのdownloadは「ゼロからはじめるThickBox 3 – 画像もHTMLファイルもスイスイ表示」で、まとめて解説されているので参照のこと。
とくに難しいことは全然ないんだけど、写真画像を表示するのと違ってhtmlページを表示する場合はインラインフレームを使用した以下のような記述がベターっぽい。
<a href="ウィンドウ内に表示するhtmlページへのパス?TB_iframe=true&width=幅&height=高さ" class="thickbox" title="">
ファイル名の後に「?height=縦サイズ&width=横サイズ」を追記しただけだと、そのページでCSSを使用しているときに、なんかとんでもない表示崩れが起こる。(少なくとも俺の環境では)
なので、前述のような記述でインラインフレームを使おう、と思った。
- 新しい: CSSでリモートロールオーバー
- 古い: MacOSX用SVNクライアントsvnX
コメント:0
トラックバック:0
- この記事のトラックバック URL
- http://showzine.info/blog/2009/01/thickbox3%e3%81%a7html%e3%83%9a%e3%83%bc%e3%82%b8%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b.html/trackback
- トラックバックの送信元リスト
- Thickbox3でhtmlページを表示する - SHOWJIN*BLOG より