![メルマガスタンド[メルマ！]](/img/common/backnumber_article/melma_logo.gif){kind=logo}
毎週、WEBサイトの作り方を易しく解説しています。HTML・JavaScript・CGI等各種講座が連載中。ＨＰ作成初級者〜中級者の方には最適なメールマガジンです。
- 最新号：2004-03-19
- 発行周期：週刊
- 読んでる人：18681人
- 創刊日：2001-04-25
- Score!：-点
- コメント数 ： 0
- メルマガID：36373
- バックナンバー：全て公開
- 発行者サイト：あり
- >> 月間ランキング
【ウェブ関数】フレームを操作する2／夕飯さがし
発行日： 2004/2/2
┏■ 目指せ！ウェブマスター講座 ■━━━━━━━━━━━━━━━━━━━━┓
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
【目次】 〜HTML・JavaScript・CGI〜
01：JavaScript講座（新）
第79回 「フレームを操作する(フレームのURLを指定する、その2)」
02：ニャン太の絵文字講座 第59回 「夕飯さがし」
03：編集後記 梅が咲き始めました！
※バックナンバーをご覧になりたいかたはこちら（↓）まで
http://www.melma.com/mag/73/m00036373/
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┏━┳━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
┃01┃JavaScript講座（新） 一から始めるJavaScript
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
第79回 「フレームを操作する（フレームのURLを指定する、その２）」
今回は前回の続きでフレームのURLを指定する方法について説明します。
前回親フレームを指定するには
parent.フレーム名.〜
と指定すると書きました。このparentは親フレームを示しますが、フレーム内
にさらにフレームがある場合には以下のようにparentを2つ列記します。
parent.parent.フレーム名.〜
実際のサンプルを見てみましょう。以下のサンプルで
●フレーム分割ファイル１
<html>
<head>
<title>Frame Sample</title>
<frameset cols="20%,*">
<frame src="left.html">
<frame src="index2.html" name="rPage">
</frameset>
</head>
</html>
●フレーム分割ファイル２
<html>
<head>
<title>Frame Sample</title>
<frameset cols="20%,*">
<frame src="left.html">
<frame src="right.html" name="rPage">
</frameset>
</head>
</html>
●left.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>
フレーム分割ファイル１，２とも左ページは同じleft.htmlです。フレーム分割
ファイル２にあるleft.htmlのリンクをクリックすると、その右側のページが
入れ替わります。フレーム分割ファイル１で分割された左側のページのリンクを
クリックすると右側のフレーム分割ページが、ごっそり入れ替わります。
name属性で同じ名前を指定していてもparentで正しくフレームの場所を指定して
いれば目的のフレームを入れ替えることができます。
フレーム分割ファイル２で分割された左ページからフレーム分割ファイル２の
右フレームを入れ替えるには最初に説明したparent.parent〜のように指定します。
実際のサンプルは以下のようになります。
<html>
<head>
<title>Sample</title>
<script language="JavaScript"><!--
function change()
{
parent.parent.rPage.location.href = "right2.html";
}
// --></script>
</head>
<body>
■<a href="javascript:change()">クリックする</a>と右ページの内容が変わります。
</body>
</html>
フレームの場所を示すのにはparent以外にtopとselfがあります。selfは自分
自身を示し、通常は省略できます。topはフレームの先頭を示します。フレームが
何重にも入れ子になっていて、全てフレームを解除したい場合に使います。
次回は全フレームを解除する方法について説明します。
▽お知らせ▽
★古籏様の書籍が発売されます！！
「Illustrator 10 自動化作戦 with JavaScript」
まずはこちらをチェック！
→ http://www.amazon.co.jp/exec/obidos/ASIN/4839913544/writeup02-22
★Adobe Illustrator CSのページを用意しました。
Illustrator CSでは10で作成したJavascriptに完全互換性がないため、一部
作り直したりする必要があります。まだ、調査中ですが下記サイトにて情報
提供していく予定です。
http://www.openspc2.org/reibun/IllustratorCS/
★動画素材を大幅に追加！
ビクターのハイビジョンカメラ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┃編集後記
┗━┻━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
昨日、近所の公園を歩いていたら梅の花が咲いているのを発見！来週からは梅
祭りが始まるそうなので、週末は公園でお花見をしようかなーなんて考えて
います。そういえば最近、日も長くなってきていて、少しずつだけど春が近づ
いてきているんだなと感じました。とはいっても、まだまだ寒い日が続きます。
暖かい春までもうしばらくの我慢。体調を崩さずにがんばりたいものですね！
やまゆう 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
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
>> メルマ！の会報誌もお届けします
このメルマガを読んでいる人はこんなメルマガも読んでいます
- 当たる懸賞 ＴＯＫＵＴＯＫＵ
- 豪華商品を当てた人はみんな読んでる？。毎日、厳選したお徳懸賞・プレゼント情報を探し出してき、それをメールマガジンでお届けする。ひと目で分かりやすいの...
- 楽得・納得 ケロッチのグータラ便
- 懸賞・プレゼント・季節のお買い物・グルメ情報・旅の情報などをお届けする総合情報誌です。
- 子ブタタウン☆ぷひ☆
- □あっちこっちの美味しい情報や楽しい話題を中心にグルメと旅行のプレゼントや懸賞情報をお届けします
- ポケット英単語
- 英語講師安河内哲也が、旬の英単語を週２回、お手元にお届けします。
- 関西2人組☆関ｼﾞｬﾆ∞
- 関ｼﾞｬﾆ∞に溺愛?のゅぃとななが発行する関ｼﾞｬﾆ∞中心ﾏｶﾞでつ☆情報ゃ企画などぃっぱぃ↑登録して損はﾅｼッ!!!関ｼﾞｬﾆ∞FANの方は是非、...
この記事へのコメント
