戻る新しいウィンドウを元のウィンドウから操作する |
◆新しいウィンドウを元のウィンドウから操作する◆ |
■■１■■
[概要]
リンクを使って新しいウィンドウを開ける。
[参照]
メルマガ Vol.23
[ソース]
<HTML>
<HEAD>
<TITLE>新ウィンドウ表示</TITLE>
<SCRIPT language="JavaScript">
<!--
function OpenWin(){
window.open(
//開けたいページのURL
"http://village.infoweb.ne.jp/~fwig2642/yoshi/make_HP/gazou/title_main.gif",
//新しいウィンドウの名前
"win1",
//新しいウィンドウのスタイル（いらない機能はnoにする。widthは横幅、heightは縦幅。※参照）
"toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=600,height=200,alwaysRaised=1");
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<A HREF="JavaScript:OpenWin()">新しいウィンドウを開く</A>
</BODY>
</HTML>
<!--
※ toolbar：ツールバー
location：ロケーションバー
status：ステータスバー
menubar：メニューバー
scrollbar：スクロールバー
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■２■■
[概要]
ボタンを使って新しいウィンドウを開ける。
[参照]
メルマガ Vol.23
[ソース]
<HTML>
<HEAD>
<TITLE>新ウィンドウ表示</TITLE>
<SCRIPT language="JavaScript">
function OpenWin(){
window.open(
//開けたいページのURL
"http://village.infoweb.ne.jp/~fwig2642/yoshi/make_HP/gazou/title_main.gif",
//新しいウィンドウの名前
"win1",
//新しいウィンドウのスタイル（いらない機能はnoにする。widthは横幅、heightは縦幅。※参照）
"toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=600,height=200");
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT TYPE="BUTTON" VALUE="新しいウィンドウを開く"
onClick="OpenWin()">
</BODY>
</HTML>
<!--
※ toolbar：ツールバー
location：ロケーションバー
status：ステータスバー
menubar：メニューバー
scrollbar：スクロールバー
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■３■■
[概要]
リンクを使って作ったウィンドウを閉じる。
[参照]
メルマガ Vol.24
[ソース]
<HTML>
<HEAD>
<TITLE>新ウィンドウ操作</TITLE>
<SCRIPT language="JavaScript">
<!--
function OpenWin(){
//新しいウィンドウの名前
myWin1 =
window.open(
//新しいウィンドウに表示したいURL
"表示するページのURL",
//新しいウィンドウの名前（半角英数字を使うこと）
"win1",
//新しいウィンドウのスタイル（いらない機能はnoにする。widthは横幅、heightは縦幅。※参照）
"toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=200");
}
function CloseWin(){
if(myWin1.closed == false){
//一番上で決めたウィンドウの名前を使う
myWin1.close();
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="OpenWin()">
<A HREF="JavaScript:CloseWin()">作ったウィンドウを閉じる</A>
</BODY>
</HTML>
<!--
※ toolbar：ツールバー
location：ロケーションバー
status：ステータスバー
menubar：メニューバー
scrollbar：スクロールバー
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■４■■
[概要]
ボタンを使って作ったウィンドウを閉じる。
[参照]
メルマガ Vol.24
[ソース]
<HTML>
<HEAD>
<TITLE>新ウィンドウ操作</TITLE>
<SCRIPT language="JavaScript">
<!--
function OpenWin(){
//新しいウィンドウの名前
myWin2 =
window.open(
//新しいウィンドウに表示したいURL
"表示するページのURL",
//新しいウィンドウの名前（半角英数字を使うこと）
"win",
//新しいウィンドウのスタイル（いらない機能はnoにする。widthは横幅、heightは縦幅。※参照）
"toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=200");
}
function CloseWin(){
//一番上で決めたウィンドウの名前を使う
if(myWin2.closed == false){
myWin2.close();
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="OpenWin()">
<INPUT TYPE="BUTTON" VALUE="作ったウィンドウを閉じる"
onClick="CloseWin()">
</BODY>
</HTML>
<!--
※ toolbar：ツールバー
location：ロケーションバー
status：ステータスバー
menubar：メニューバー
scrollbar：スクロールバー
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■５■■
[概要]
リンクを使って作ったウィンドウの表示ページを変更する。
[参照]
メルマガ Vol.24
[ソース]
<HTML>
<HEAD>
<TITLE>新ウィンドウ操作</TITLE>
<SCRIPT language="JavaScript">
<!--
function OpenWin(){
//新しいウィンドウの名前
myWin3 =
window.open(
//新しいウィンドウに表示したいURL
"表示するページのURL",
//新しいウィンドウの名前
"win3",
//新しいウィンドウのスタイル（いらない機能はnoにする。widthは横幅、heightは縦幅。※参照）
"toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=200");
}
function ChangePage(){
if(myWin3.closed
== false){
//一番上で決めたウィンドウの名前を使う
myWin3.location.href="移動したいページのURL";
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="OpenWin()">
<A HREF="JavaScript:ChangePage()">作ったウィンドウの表示を変える</A>
</BODY>
</HTML>
<!--
※ toolbar：ツールバー
location：ロケーションバー
status：ステータスバー
menubar：メニューバー
scrollbar：スクロールバー
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■６■■
[概要]
リンクを使って作ったウィンドウの表示ページを変更する。
[参照]
メルマガ Vol.24
[ソース]
<HTML>
<HEAD>
<TITLE>新ウィンドウ操作</TITLE>
<SCRIPT language="JavaScript">
<!--
function OpenWin(){
//新しいウィンドウの名前
myWin4 =
window.open(
//新しいウィンドウに表示したいURL
"表示するページのURL",
//新しいウィンドウの名前
"win4",
//新しいウィンドウのスタイル（いらない機能はnoにする。widthは横幅、heightは縦幅。※参照）
"toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=600,height=200");
}
function ChangePage(){
if(myWin4.closed == false){
//一番上で決めたウィンドウの名前を使う
myWin4.location.href="移動したいページのURL";
}
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="OpenWin()">
<INPUT TYPE="BUTTON" VALUE="作ったウィンドウの表示を変える"
onClick="ChangePage()">
</BODY>
</HTML>
<!--
※ toolbar：ツールバー
location：ロケーションバー
status：ステータスバー
menubar：メニューバー
scrollbar：スクロールバー
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
■■７■■
[概要]
フルスクリーンでウィンドウを開く
[参照]
[ソース]
<HTML>
<HEAD>
<TITLE>フルスクリーンウィンドウ</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
//フルスクリーン用関数
function full_screen(to_URL) {
window.open(to_URL, '', 'fullscreen=yes, scrollbars=auto');
}
//-->
</script>
</HEAD>
<BODY>
<!--関数を使ったリンク例-->
<a href="javascript:void(0);" onClick="full_screen('URL');">フルスクリーン</a>
</BODY>
<HTML>
<!--
※
リンク先はフルスクリーンによってウィンドウを消す事ができないので、ウィンドウを消すためのボタンなどをつけておくこと。
-->
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。