小窓の出し方

質問

ＨＰでよく、小窓（ウィンドウ内に戻るとか何もないもの）が
使われていますよね？それを使いたいのですが
どうすれば小窓をつくることができますか？
私の場合、画像をクリックして小窓を出すようにしたいのですが。。。
教えてください！

回答No.1

rittan · ベストアンサー

以下のようなスクリプトで新しい窓は開けます。
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide script from old browser
var komado1;
function openw(){
komado1 = window.open('','komado1');
}
// end Hiding -->
開く窓のスタイルについてはopenメソッドを勉強してください。(^_^;l||)
また開いた小窓の中に表示する物の記述も色々有りますので、ここではこれくらいしかアドバイスできませんね。
画像をクリックで開くとの事ですので、画像表示の部分を
<a href="javascript:openw()"><IMG src="画像ファイル"></a>
とすることで、実現できます。

補足

この教えていただいたジャバスプリクトのどの部分に
リンク先のＵＲＬをいれればいいのでしょうか・・？？
あと、小窓のサイズを指定することは出来ますか？
（下に書かれている画像の文は、上に書いてある文の１番下に
つけたせばいいんですよね？？）
教えてください！！

回答No.3

rittan

komado1 = window.open('','komado1');
この文を、
komado1 = window.open('URL','komado1');
と変更すれば良いと思います。
URLは小窓に表示する内容のURLです。
komado1 = window.open('naiyou.html','komado1');
とすると、小窓にnaiyou.htmlが表示されると言う訳ですね。もちろんnaiyou.htmlがあらかじめ用意されてなくてはなりません。

また
<a href="javascript:openw()"><IMG src="画像ファイル"></a>
については、クリックすべき画像を表示する部分に記述します。

回答No.2

Naodon1020

わたしは専門家ではないですし、JavaScriptについてはほとんど知識がないので、自分がやりたいことがある場合は、他人のソースを参考にします（パクリじゃないですよ）。

いろんなソースを見ていると、これがどういう意味で、どう作動するかとか、なんとなくわかるようになって、それを自分でTrial&Errorしながら、自分の望む形に変えていきます。

小窓が開くサイトはいっぱいあると思いますし、choko21さんも、他のサイトで見て、やってみたいと思われたのでしょうから、とにかくいろいろ試してみましょう。