TIPS-04・ウインドウ内画面の切り替え解説 2002−03−12 


HTMLソースを開き下記ソースの赤文字の部分をコピーして、ご利用ください。

「解説」
これはちょっと難しいスクリプト。ブラウザの中の画面を切り替えるのは、
スクリプト(1)で下記のJavaScriptの定義をおこなう。難しいのでHTMLモードから丸写しの方がよいかも。

次にスクリプト(2)で最初にブラウザを開いたとき表示させたい画面をsrc="topgif.gif"で定義する。
src=ファイルネームとすればよい。あとは、ウインドウの「横」「縦」のサイズ指定。
<IFRAME width="277" height="310" name="frame" src="topgif.gif" scrolling="AUTO"></IFRAME>
このウインドウの名前もここで指定する。ここでは name="frame"としてある。好きな名前でよい。

最後にスクリプト(3)で表示させたいだけ画像ファイルの指定を行う。
target="frame"とウインドウネームをターゲット指定することを忘れないように。
-------------------------------------------------------------------------------

上記の説明で、よくわからない方は、必ずHTMLモードからHTMLソース部分そっくりを
丸写しして、新しいファイルのHTMLモードを開きそのまま貼り付けて、スクリプト(3)の
 <A href="golf-01.jpg" target="frame">No.1の部分golf-01.jpgを自分のファイルネームと置き換える。
※枠の中に表示させたい画像ファイルは先に作っておくこと。
※注意=この下のプログラム部分をコピーしてもダメ。必ず、HTMLモードからコピーする。

(ここからプログラム)


スクリプト(1)
------------------------------------------------------------------------
<SCRIPT language="JavaScript"><!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//--></SCRIPT><SCRIPT language="JavaScript">
<!--HPB_SCRIPT_ROV_50
//
// Licensed Materials - Property of IBM
// 11P5743
// (C) Copyright IBM Corp. 1998, 2000 All Rights Reserved.
//

// HpbImgPreload:
//
function HpbImgPreload()
{
var appVer=parseInt(navigator.appVersion);
var isNC=(document.layers && (appVer >= 4));
var isIE=(document.all && (appVer >= 4));
if (isNC || isIE)
{
if (document.images)
{
var imgName = HpbImgPreload.arguments[0];
var cnt;
swImg[imgName] = new Array;
for (cnt = 1; cnt < HpbImgPreload.arguments.length; cnt++)
{
swImg[imgName][HpbImgPreload.arguments[cnt]] = new Image();
swImg[imgName][HpbImgPreload.arguments[cnt]].src = HpbImgPreload.arguments[cnt];
}
}
}
}
// HpbImgFind:
//
function HpbImgFind(doc, imgName)
{
for (var i=0; i < doc.layers.length; i++)
{
var img = doc.layers[i].document.images[imgName];
if (!img) img = HpbImgFind(doc.layers[i], imgName);
if (img) return img;
}
return null;
}
// HpbImgSwap:
//
function HpbImgSwap(imgName, imgSrc)
{
var appVer=parseInt(navigator.appVersion);
var isNC=(document.layers && (appVer >= 4));
var isIE=(document.all && (appVer >= 4));
if (isNC || isIE)
{
if (document.images)
{
var img = document.images[imgName];
if (!img) img = HpbImgFind(document, imgName);
if (img) img.src = imgSrc;
}
}
}
var swImg; swImg=new Array;
//-->
</SCRIPT><SCRIPT language="JavaScript">
<!--HPB_SCRIPT_PLD_50
HpbImgPreload('_HPB_ROLLOVER2', 'cab/title/arena-1.gif', 'cab/title/arena-11.gif');
//-->
</SCRIPT>

スクリプト(2)
--------------------------------------------------------------------------
<DIV align="center"><IFRAME width="277" height="310" name="frame" src="topgif.gif" scrolling="AUTO"></IFRAME>
<TABLE border="0">

スクリプト(3)
--------------------------------------------------------------------------
<CENTER>イラスト集 <A href="golf-01.jpg" target="frame">No.1</A>-<A href="golf-02.jpg" target="frame">No.2</A>-<A href="golf-03.jpg" target="frame">No.3</A></CENTER>
</TD>


(ここまでプログラム)

上記について、メールや電話での質問等は一切受け付けませんのでご了承ください。
HTMLがまったくわからない方は、チャレンジしないでください。自信がない方はあらかじめ
上記のソースを組み込むファイルのコピーをとってから、試してください。
上記のソースを組み込む場合は、個人の責任でご利用ください。一切の責任は持ちません。

[ TOPに戻る ]    「画面の終了はブラウザのクローズボタン(×)で終了してください。

copyright 2002 株式会社 キューブ K,Takahashi