サブウインドウ

＊サブウインドウ
　　　（注）ソースをコピペする場合は、＜＞を半角<>に変えてコピへしてください。
　　　　　　ソース内の＜＞は全角で書かれています。

*ソース* ＜a href="subwindow.htm" onClick="window.open('サブウインドウのURI','サブウインドウの名前');return false;"＞文字＜/a＞ ;return false;・・・これを加えてね。（理由は省きます）

 

 

---

　サブウインドウびURLが【test.html】で、サブウインドウが【test】とすると・・・

---

 

＜a href="subwindow.htm" onClick="window.open('test.html','test');return false;"＞文字＜/a＞

上のソースに、サブウインドウの大きさ・スクロールバーの有無・リサイズの有無を指定。
width=550,height=280,scrollbars=1,resizable=1を追加して。
　　　　　　　↓
下のソースで、550×280で、スクロールバーが有り、リサイズ可能なsubwindowが開きます。

＜a href="subwindow.htm" onClick="window.open('test.html','test','width=550,height=280,scrollbars=1,resizable=1');return false;"＞【ここをクリック】＜/a＞

 

 

scrollbars=０または1	スクロール	０は無し・１は有り
resizable=０または1	リサイズ
toolbar=0または１	ツールバー
menubar=0または１	メニューバー

 

 

サブウインドウの出現位置が指定できます。left=10,top=50を追加。
下のソースで、画面左から10px、上から50pxの位置にsubwindowが開きます。

＜a href="subwindow.htm" onClick="window.open('test.html','test','width=550,height=280,scrollbars=1,resizable=1,left=10,top=50');return false;"＞【ここをクリック】＜/a＞

 

サブウインドウに【ウインドウを閉じる】ボタンをつける。
下のソースは、【ウインドウを閉じる】をつけ、scrollbars=0,resizable=0にしています。

＜INPUT TYPE="button" VALUE="このウインドウを閉じる" onClick="window.close()"＞