ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　説明書 5   全種類ﾌﾚｰﾑｻﾝﾌﾟﾙ、応用方法、ﾋﾝﾄ。　　setumeisyo5.htm

複数のﾌﾚｰﾑのﾍﾟｰｼﾞを一斉に切り替えます。　　　　（例）：左ﾍﾟｰｼﾞから、上中下右ﾍﾟｰｼﾞを切り替え。　　　　　　JavaScript。　　　　　　ﾊｲﾊﾟｰﾘﾝｸ、ﾌﾚｰﾑｻｲｽﾞ、ｵﾌﾟｼｮﾝなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　Internet Explorer4.x〜、NetscapeNavigator4.x〜、Netscape6.x〜 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。

ﾃﾞﾓは、HUN1.htm （左上下ﾌﾚｰﾑ1）の、上：CBS.com、下：FoxNews.comに などのﾘﾝｸのｸﾘｯｸで。

　

　

　

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、HUN1.htm （左上下ﾌﾚｰﾑ1）、hidari3.htm （左ﾍﾟｰｼﾞ、JavaScript実装）、ue.htm （上ﾍﾟｰｼﾞ）、naka.htm 〔中（下）ﾍﾟｰｼﾞ〕 を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

　・　このHTMLの応用方法は、HUN1.htm、hidari3.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、 hogehoge.html（=任意の挿入先ﾌｧｲﾙ名） の、 <html>　〜　</html> の 該当部分や、ﾃｷｽﾄﾌｧｲﾙに (*1) 、(*2) をﾍﾟｰｽﾄするサ。

　･　編集方法は、hogehoge.html や、ﾃｷｽﾄﾌｧｲﾙを WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き、HTMLﾀｸﾞ･ｿｰｽをみながら編集します。　　　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 4.x〜 などで開いて。　　　　更新の確認は、ie、Netscapeやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieでＦ５ｷｰを押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。　　　Netscaperは、Ctrl+Ｒｷｰで。

　･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、使用するﾌｧｲﾙ〔上で保存した。〕などを転送/配置し実施。　　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽ〔src="  "や、<a href="　"部分〕は要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。

　･　関連情報 ：色記号5 、〃6、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点。

　

　

(*1) ：　HUN1.htm （左上中下右ﾌﾚｰﾑ1）　　　　　挿入先の 　<html> 〜 </html>　の、〜 部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  HN.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

<html>と、
<head>　は、一個

　

ｼﾌﾄJIS使用（削除不可）

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名　　

</head>　は、一個　

ﾌﾚｰﾑﾈｰﾑ　初期表示のﾌｧｲﾙ名・URL（任意値）　hidari3.htmはJavaScript実装ﾌｧｲﾙ

　

※：　target=　いろいろ
　同じフレーム target="_self"
　ページ全体　　target="_top"
　親フレーム　 target="_parent"
　新しいWin　　 target="_blank"
　ﾌﾚｰﾑ名（例）　target="main"
　

<body>と、
</body>　は、一個

　

　

　

　

　

　

説明文=※ 、削除可

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

　

</html>　は、一個

 　

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">

<title>左上下　フレーム1</title>

</head>

<frameset cols="150,*" framespacing="1" border="0" frameborder="0">

<frame name="hidari" scrolling="auto" target="naka" src="hidari3.htm">

<frameset rows="300,*">

<frame name="ue" target="naka" src="ue.htm" scrolling="auto">

<frame name="naka" target="_self" src="naka.htm" scrolling="auto">

</frameset>

<noframes>

<body>

ここに、サイト=ページの紹介文などを記述します。　検索エンジンの、”サマリー”に表示されたりします。　検索キーワードも抽出されます。

</body>

</noframes>

</frameset>

<!--　▼　以下、説明文=※ 、削除可。　カスタマイズ・編集は、それぞれ下記に該当部分で。

【タイトル】

<title>左上中下右　フレーム1</title>

【枠線】　

frameborder="0"　　※：1=枠幅　

framespacing="1" 　※：0 =境界線を掴めなくなります。

【スクロールバー】

scrolling="auto"　　　 ※：no =スクロールバー非表示　

【フレームサイズ】

rows="150,*"　　　※：フレーム行高さ、ピクセル（Winサイズ変化に非変化、解像度で変化）　　　

cols="300,*"　　　※：フレーム列幅、ピクセル（Winサイズ変化に非変化、解像度で変化）　　 　

cols="30%,*"　　 　※：フレーム列幅、Winサイズ比（Winサイズ変化で変化）

scrolling="auto" noresize>　　※：固定は、noresize を追加。

【表示先】

target="hidari" 　　※：表示先の frame name　を記述。

【初期・デフォルトでフレームに表示するページ】

src="ue.htm"　　　　　※：ﾌｧｲﾙ名、URL+ﾌｧｲﾙ名でも可。

src="hidari3.htm"　　

src="naka.htm"

src="migi.htm"

src="sita.htm"

▲　ここまで、削除可。 -->

</html>

　

　

(*2) ：　　hidari3.htm （左ﾍﾟｰｼﾞ、JavaScript実装）　　　　　挿入先の 　<html> 〜 </html>　の、〜 部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　  hidari2.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

<html>と、
<head>　は、1個

ｼﾌﾄJIS使用（削除不可）

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　　　右（中）ﾍﾟｰｼﾞを標準ﾀｰｹﾞｯﾄ時は、　<head>　部に　<base target="naka">　などと記述。〔<a href="xxx" target="xxx">xxx</a>　の、xxx　が優先〕

JavaScript

　

　

　

　

　

　

</head>　　<body　は、一個

背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

※：色記号、2

説明のための記述、削除します。

　

　

　

　

ﾌﾚｰﾑﾈｰﾑ　一斉切り替えで表示するﾍﾟｰｼﾞ・URL（任意値）　　吹き出し　リンクの表示文字（ ｻｲﾄ名）

同様に、一斉切り替えで表示するﾍﾟｰｼﾞの編集・加減を。

　

　

　

　

　

任意のﾍﾟｰｼﾞ ﾌｧｲﾙ名・URLに変更して使用。 （例）の不要部分などは、行単位で削除。

表示先ﾌﾚｰﾑﾈｰﾑの指定〔 　<frame name="naka" 　などで宣言したものなど使用。〕　　リンクの表示文字（ｻｲﾄ名）

※：　target=　いろいろ
　同じフレーム target="_self"
　ページ全体　　target="_top"
　親フレーム　 target="_parent"
　新しいWin　　 target="_blank"
　ﾌﾚｰﾑ名（例）　target="main"

　

　

　

　

　

　

　

　

　

　

</body> と、
</html>　は、一個

 　

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">

<title>左 ページの名称を記述</title>

<base target="naka">

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

function loadFrames(frame1,page1,frame2,page2) {

eval("parent."+frame1+".location='"+page1+"'");

eval("parent."+frame2+".location='"+page2+"'");

}

// End -->

</script>

　

</head>

<body bgcolor="#F4FFD7" link="#54006C" vlink="#62000D" alink="#00FFFF">

<P>

<b>左</b><br>

hidari3.htm<br>

xxxx.htm をさまざまなフレームで表示する（例）：

</P>

<p>複数ﾌﾚｰﾑ（<b>上</b>、<b>下</b>）を一斉にﾁｪﾝｼﾞ！。　

<a href="../frame_sample1/setumeisyo5.htm" target="_blank" title="複数ﾌﾚｰﾑﾍﾟｰｼﾞの切り替えの作成方法。">説明</a></p>

<a href="javascript:loadFrames('ue','http://www.cbs.com/', 'naka','http://www.foxnews.com/')" title="上・下ﾌﾚｰﾑを切り替えるのサ。">上：CBS.com、下：FoxNews.comに</a><br>

<br>

<a href="javascript:loadFrames('ue','http://www.apple.com/quicktime/showcase/', 'naka','http://www.google.com/intl/ja/')" title="上・下ﾌﾚｰﾑを切り替えるのサ。">上：QuickTime、下：Googleに</a><br>

<br>

<a href="javascript:loadFrames('ue','http://xml-xsl.sakura.ne.jp/ index2.htm', 'naka','http://xml-xsl.sakura.ne.jp/ firework.htm')" title="上・下ﾌﾚｰﾑを切り替えるのサ。" >上：太陽風ДζΨΠ∀、下：花火-Java Appletに</a><br>

</p>

　

<a href="xxxx.htm" target="_top">ページ全体で表示</a><br>

<a href="xxxx.htm" target="_blank">新しいWinで</a></br>

<a href="xxxx.htm" target="_self">同じフレームで</a></br>

<a href="xxxx.htm" target="_parent">親フレームで</a></br>

<a href="xxxx.htm" target="hidari">左フレームで</a></br>

<a href="xxxx.htm" target="migi">右フレームで</a></br>

<a href="xxxx.htm" target="ue">上フレームで</a></br>

<a href="xxxx.htm" target="naka">中フレームで</a></br>

<a href="http://www.google.com/intl/ja/" target="naka">中フレームでGoogleを</a></br>

<a href="xxxx.htm" target="sita">下フレームで</a></br>

<p>

<a href="hidari.htm#top" target="hidari">左フレームに左ページを表示</a><br>

<a href="migi.htm#top" target="migi">右フレームに右ページを表示</a><br>

<a href="ue.htm#top" target="ue">上フレームに上ページを表示</a><br>

<a href="naka.htm#top" target="naka">中フレームに中ページを表示</a><br>

<a href="sita.htm#top" target="sita">下フレームに下ページを表示</a><br>

</p>

</body>

</html>

　

　

　

< 補足 >　　　　適時参照あれ！。

　・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。