【ウェブ関数】フレームを操作する／サルも入る温泉２
発行日： 2004/1/26
┏■ 目指せ！ウェブマスター講座 ■━━━━━━━━━━━━━━━━━━━━┓
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
【目次】 〜HTML・JavaScript・CGI〜
01：JavaScript講座（新）
第78回 「フレームを操作する（フレームのURLを指定する）」
02：ニャン太の絵文字講座 第58回 「サルも入る温泉２」
03：編集後記 今日は風呂の日
※バックナンバーをご覧になりたいかたはこちら（↓）まで
http://www.melma.com/mag/73/m00036373/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃01┃JavaScript講座（新） 一から始めるJavaScript
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
第78回 「フレームを操作する（フレームのURLを指定する）」
今回はフレームについて説明します。
HTMLでフレームを指定する場合には<frameset>と<frame>を使います。
<frameset>でフレームの分割方法と分割サイズを指定し、<frame>で表示される
URLを指定します。
JavaScriptでフレームを操作する場合には「フレーム名」または「フレーム
参照番号」を使います。まずフレーム名での指定ですが、以下のように<frame>
タグ内にname属性を使って指定します。
<html>
<head>
<title>Frame Sample</title>
<frameset cols="20%,*">
<frame src="left.html">
<frame src="right.html" name="rPage">
</frameset>
</head>
</html>
このサンプルでは右フレームに「rPage」という名前を指定しています。
このようにするとフレームの右ページはJavaScriptで以下のように指定する
ことができます。
parent.rPage.〜
フレームに指定する名前ですが、できれば他の人が使わないような名前に
しておく方が良いでしょう。同じ名前にしてしまうと、今まで正常に動作していた
フレームページが正しく動作しなくなる事があります。（過去に実際にありました）
フレーム名は英文字で始まり英文字と数字の組み合わせにしてください。
右ページのURLを変更する場合には以下のようになります。入れ替えるページURL
はright2.htmlとしています。
<html>
<head>
<title>Sample</title>
<script language="JavaScript"><!--
function change()
{
parent.rPage.location.href = "right2.html";
}
// --></script>
</head>
<body>
■<a href="javascript:change()">クリックする</a>と右ページの内容が変わります。
</body>
</html>
フレーム名でなくフレーム参照番号を使う場合には以下のようになります。
parent.frames[参照番号].〜
参照番号は0から始まります。では、どれが一番最初のフレームなんでしょうか？
これは<frameset>内に定義された順番になります。上記サンプルをフレーム参照
番号に書き換えると以下のようになります。
<html>
<head>
<title>Sample</title>
<script language="JavaScript"><!--
function change()
{
parent.frames[1].location.href = "right2.html";
}
// --></script>
</head>
<body>
■<a href="javascript:change()">クリックする</a>と右ページの内容が変わります。
</body>
</html>
right.htmlが表示されているフレームは２番目なのでframes[1]のようになります。
parentというのはフレームが定義された親を示します。これは<frame>が定義され
ているフレームセット全体を示します。フレームの中にフレームが入っている場合
には、親の親になるため
parent.parent.フレーム名.〜
という書き方になります。実際のサンプルについては次回説明します。
▽お知らせ▽
★古籏様の書籍が発売されます！！
「Illustrator 10 自動化作戦 with JavaScript」
まずはこちらをチェック！
→ http://book.mycom.co.jp/book/4-8399-1354-4/4-8399-1354-4.shtml
★Adobe AfterEffects 6.0のページを作成しました。
Adobe AfterEffects 6.0でもJavaScriptが利用できます。
従来のExpressionに加えてAdobe AfterEffects 6.0を JavaScriptで制御する
事ができるようになりました。今回、試みとして私が映像で映像の作り方など
を解説しています。
http://www.openspc2.org/reibun/AfterEffects6.0/
★動画素材を大幅に追加！
ビクターのハイビジョンカメラGR-HD1で撮影したフリーのハイビジョン動画素材
も大幅に追加しました。以前は15秒だったものを1分程度にし、QuickTimeでなく
MPEG 2で配布しています。（MacOS Xで高速変換処理ができるようになったため）
現在280点ほどですが、年内には1000点ほどまで増やす予定です。
http://data.openspc2.org/HDTV/index.html
★遂に3万枚突破！！フリーの高解像度素材集
http://data.openspc2.org/sozai/photo/index.html
♪JavaScriptに興味のあるお友達がいましたら、自由にご転送ください
□バックナンバーはこちら ⇒ http://www.melma.com/mag/73/m00036373/
┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃02┃ニャン太の絵文字講座 コピペして使ってね♪
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
絵文字２コマ
Ｏ Ｏ Ｏ 雪だ♪
（ ）Ｏ Ｏ Ｏ
（ ） Ｏ Ｏ
（ Ｏ Ｏ
∧＿∧
(＾＿＾) ⊂((＾⊥＾))⊃ ⊂((^⊥^))⊃
――○――○―――○――○―――○――○――――
Ｏ Ｏ Ｏ Ｏ
Ｏ Ｏ Ｏ 毛があるから
Ｏ Ｏ Ｏ 湯冷めしないよ〜
∧＿∧
(＾＿＾) ⊂((＾⊥＾))⊃
⊂｜ ｜つ ⊂｜ ｜つ ⊂((^⊥^))⊃
｜ ｜ ｜ ｜ ⊂| |つ
〜｜ ｜ 〜〜｜ ｜ 〜| |
――――――――――――――――――――――――
絵文字講座バックナンバーはこちら♪→ http://www.mailmagazine.org/nyan/
携帯版ニャン太の絵文字→ http://mini.mag2.com/pc/m/M0015012.html
┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃03┃編集後記
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
毎日寒い日が続くと嬉しいのがお風呂。実は毎月26日は「風呂の日」なのだそう
です。「ふ(2)ろ(6)」の語呂合せもあり、各地の温泉街や銭湯で実施されている
のだとか。日本人って本当に語呂合わせが好きですよね…。何はともあれ冷えた
体でお風呂に浸かると体の中からじ〜んと暖かくなってきて本当に気持ちいい
もの。あ〜早く家に帰ってあったかいお風呂に浸かりたい！
やまゆう yamayu@writeup.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
※講座内容の著作権はすべてそれぞれの著者の方々に帰属します。個人的な利用
以外のご使用（雑誌掲載、転載）に関しては、著作権にご留意ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【ご意見・お問い合わせ】 yamayu@writeup.jp
【広告掲載をご希望の方】 yama@c4c.jp
このメール配信がご不要の方は、下記URLにアクセスして下さい。
▽ http://www.melma.com/mag/73/m00036373/
Copyright(C)2003 WriteUp! All Rights Reserved.
http://www.writeup.jp
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
![メルマガスタンド[メルマ！]](/img/common/melma_logo.gif){kind=logo}
>> メルマ！の会報誌もお届けします
