- 締切済み
HTML初心者です。
HTML初心者です。 JavaScriptのlightboxを使用したいのですが、 画像以外を使用出来ないようです。 どうすれば、 HTMLなどを読み込めるようになりますでしょうか。。
- みんなの回答 (4)
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
フレームセット全体に表示させるにはどのようにすれば良いでしょうか? =>できません。 フレームセット全体が親のHTMLの事を言ってるなら、親には<body> が無いので無理でしょう。 子フレームが<iframe>なら、そいつを親からポップアップする ライブラリーはいくつもありますが.....
- fujillin
- ベストアンサー率61% (1594/2576)
>ブラウザ内で別ファイルを重ねて表示したいからです。 単純にやるなら、iframeなどで「別ファイル」を表示しておいて、その表示/非表示だけスクリプトで制御してあげるのでは? 位置やサイズはCSSで調整。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head><title>test</title> <style type="text/css"> iframe { width:100%; height:100%; position:absolute; top:50px; background-color:#fff; } </style> <script type="text/javascript"> <!-- function disp() { var ifrm = document.getElementById('if1').style; var f = ifrm.display == 'none'; ifrm.display = f?'block':'none'; document.getElementById('btn1').innerHTML = f?'非表示':'表示'; } //--> </script> </head> <body> <button type="button" id="btn1" onclick="disp()">非表示</button> <hr> <p>元ページの内容 <p>いろいろ文章とか <p>あったりして… <p><iframe id="if1" src="test1.html"></iframe> </body> </html>
補足
HTMLまで頂き、ご回答ありがとうございます。 しかし、今回はHTMLファイルの上に重ねて表示したいため、 この方法は向かないようです。ありがとうございます。
- yyr446
- ベストアンサー率65% (870/1330)
とりあえず ColorBox http://colorpowered.com/colorbox/ FancyBox http://fancybox.net/ DOMWindow http://swip.codylindley.com/DOMWindowDemo.html ThixkBox http://jquery.com/demo/thickbox/ jQuery系がだめなら ShadowBox http://www.shadowbox-js.com/index.html mootoolならLightWindow http://www.stickmanlabs.com/lightwindow/
補足
無事、ポップアップでHTML表示が出来ました!ありがとうございます! 追加の質問で申し訳無いですが、 フレームセット全体に表示させるにはどのようにすれば良いでしょうか? 今のままだと、クリックしたフレーム内にしか表示されません。 javascriptはThixkBoxを使用しました。 お手数ですが、ご教授お願い致します。
- web2525
- ベストアンサー率42% (1219/2850)
Lightbox自体が画像を表示させるシステムです、どうにもなりません 何をどうしたいかを明確にして質問しなおした方がいいと思いますよ >JavaScriptのlightboxを使用したい その目的は? >画像以外を使用出来ないようです 画像表示用のシステムですから当然です Lightboxのようにクリックすると別ウインドーでHTMLを開きたいてことなのかな?
補足
失礼致しました。 >JavaScriptのlightboxを使用したい その目的は? →ブラウザ内で別ファイルを重ねて表示したいからです。 フレームや別ウィンドウで開くのではなく、 一つのウィンドウで2ファイルを重ねて開きたいです。 >画像以外を使用出来ないようです 画像表示用のシステムですから当然です →そうでしたか。。ファイル用は無いのでしょうか。。
補足
無理なのですか。。 一時的にフレームを広げたり狭めたりすることは 不可能なのでしょうか?