人に聞けない痔の悩み、これでスッキリ >>

htmlでリンク先を別フレームに表示したいです。
今は、縦にフレームを2つ作っていて、本当は左側の文字をクリックしたら右側に表示されるようにしたいのですが、別枠のウィンドウが開いてしまいます。
どこがいけないのでしょうか…
このページ以外で編集する必要がありますか?
http://noula.himegimi.jp/

左枠
<html>
<head>
</head>
<body bgcolor="#fff0f5" text="#fa8072">
<font size="2">
<a href="toppage.html" target="left">TOP</a><br>
<a href="about.html" target="left">ABOUT</a><br>
PROFILE<br>
WHAT'S NEW<br>
VOICE<br>
SONG<br>
BLOG<br>
WORK<br>
LINK<br>
CONTACT</font><br>
</body>
</html>

フレーム設定
<html>
<frameset cols="10%,*" frameborder="no">
<frame name="right" src="menu.html">
<frame name="left" src="toppage.html">
</frameset>
</html>

よろしくお願いします

このQ&Aに関連する最新のQ&A

A 回答 (1件)

<frame name="right" src="menu.html">


<frame name="left" src="toppage.html">
フレームのnameが実際にそうなっているなら

<a href="about.html" target="right">ABOUT</a>
です。

aタグのtargetに開きたいframeのname属性を指定します
name="right"のフレームに開きたいなら
リンクにtarget="right"
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q別フレームのページを更新させたい

質問させてください。
Windows IE6.1で試しています。


左右に分かれたフレームのページをつくり、
右ページにメニュー、左ページに掲示板を作っています。
左ページを更新したら、同時に右ページも更新させたいのですが、
それの方法がわかりません。

一応、下記の通り試してみましたが、更新しませんでした。

function autoOpen(){
window.open("menu.htm","menu");
}

左ページの更新時、
BODYを下記のとおり書き換えています。

<body onLoad="autoOpen()">

あと、
<body onload="parent.frames.menu.reload(true)">
も試してみましたが、やはりダメでした。

何卒宜しくお願いします。m(_ _)mペコリ

Aベストアンサー

まずは、始めまして^^

早速ですが、質問の内容を見る限り、条件として左右にフレームが分かれた状態で、双方からページを変更出来る事を実現したいと言うことでよろしいのでしょうか?
(プラスしてポップアップウィンドウも更新させたいのかな??)
以下の説明は、親ウィンドウは左に掲示板(bbs)、右にメニュー(menu)、ポップアップウィンドウ(popup)でもメニューを表示するとして説明させて頂きます。


初めにフレーム間の操作についてですが、質問に最後に書かれている次の文は非常に惜しいですね
parent.frames.menu.reload(true)
非常に惜しいのですが、これでは多分エラーが発生してしまうと思います。

一つ記述を忘れている為に、発生しているエラーなのですが、その記述とは、「location」です。

日本語で訳すと、parent(親)の[frames(宣言されているフレーム中)]で「menu(menuと言うフレーム)」の「location(現在位置)」を「reload(更新)」してあげるのです。

つまり、以下の文に直せば上手く行ってくれると思います。(menu=フレーム右側、このScriptは掲示板ページから実行する物とします)

parent.frames.menu.location.reload(true)

付け加えて書いておきますが、framesは記述しない以下の文でも同様の動作をしてくれます。

parent.menu.location.reload(true)


次にポップアップウィンドウから親ウィンドウ内を操作する方法ですが、今回は親ウィンドウはフレーム単位で左右に分割されていると言うことなので、ポップアップウィンドウから一部のフレームを操作するのは、少し複雑になります。
以下に最初に説明した親フレームのmenuを更新するのと同様の動作をする例を書いてみますね^^
(この例ではポップアップウィンドウから親フレームのmenuフレームを更新します)

opener.menu.location.reload(true);

これで、ポップアップウィンドウからもmenuを更新することが出来ました。

以上で解説を終わります。
参考になったか分かりませんが、ホームページ作り、頑張ってください p(^-^)q

まずは、始めまして^^

早速ですが、質問の内容を見る限り、条件として左右にフレームが分かれた状態で、双方からページを変更出来る事を実現したいと言うことでよろしいのでしょうか?
(プラスしてポップアップウィンドウも更新させたいのかな??)
以下の説明は、親ウィンドウは左に掲示板(bbs)、右にメニュー(menu)、ポップアップウィンドウ(popup)でもメニューを表示するとして説明させて頂きます。


初めにフレーム間の操作についてですが、質問に最後に書かれている次の文は非常に惜しいですね
...続きを読む

Q別ファイルのfunctionの読み込み方

こんにちは
外部ファイル hello.js
-----------------------------
function aisatsu(){
var aa="hello"
}
-----------------------------
というファイルが存在した時にjikkou.htmlでaaの値、”hello”を呼び込みたい場合はどう記述すればよいのでしょうか?htmlのなかでaisatsu()をどこに記述していいのか分かりません。どうか教えてください。ただ、hello.jsのほうは実際の記述を簡略化したものであるのでそちらのほうはいじれません。

宜しくお願いします。

必要ないかもしれませんが、念のために私が最初に書いたhtmlの文です(もちろん実行できませんでした)
------------------------------------
<html>
<script language="javascript" src="hello.js">
aisatsu(){
document.write(aa);
}
</script></html>
------------------------------------

こんにちは
外部ファイル hello.js
-----------------------------
function aisatsu(){
var aa="hello"
}
-----------------------------
というファイルが存在した時にjikkou.htmlでaaの値、”hello”を呼び込みたい場合はどう記述すればよいのでしょうか?htmlのなかでaisatsu()をどこに記述していいのか分かりません。どうか教えてください。ただ、hello.jsのほうは実際の記述を簡略化したものであるのでそちらのほうはいじれません。

宜しくお願いします。

必要ないかもしれませんが、念のために...続きを読む

Aベストアンサー

function内で「var」をつけて変数を宣言するとfunction外からその変数の内容を取得することができなくなります。(returnで参照することはできます。)
なので変数の内容を取得する場合は「hello.js」の内容を

function aisatsu(){
var aa="hello";
return aa;
}

このように修正し、

<script language="javascript" src="hello.js"></script>
<script language="javascript">
var data=aisatsu();//「aisatsu()」関数の「aa」変数内のデータを引っ張り出す(return aa;)
document.write(data);//書いたり
alert(data);//アラートしたり
window.status=data;//ステータスバーに表示したり・・
</script>

Q親ウィンドウの別フレームを子ウィンドウから操作したい

いろいろ試しているのですが、理解不足のせいでしょうが、どうやってもできません!
内容は以下の通り(分からないのは3)です。どうぞ宜しくお願いいたします。


1:画面を、AとBの2つのフレームに分割しています。
【index.html】
<frameset>
 <frame src="A.html" name="A">
 <frame src="B.html" name="B">
</frameset>

2:Aフレーム内に記述してあるaaaアンカーをクリックすると、子画面ko.htmlを開きます。
<a href="javascript:void(0)" onclick="window.open('path=ko.html','_blank');">子画面</a>

3:ko.htmlではbbbというアンカーがあって、それをクリックすると、"親画面のBフレームにbbbで指定したリンク内容を表示したい"のです。
<a href="javascript:void(0)" onclick="opener.window.location=('B?path=/home/~/~/ZZZ.html');">開きたいファイルZZZ.html</a>
と書くと、openerはAだからAにZZZ.htmlの内容が表示されてしまうので、(全くおかしな記述をしているのかもしれませんが・・・(- -;))あちこち調べながら、
B.opener.window.locationとか、
B.opener.window.location.hrefとか、
parent.B.window.locationとか、
parent.frames[1].window.locationとか、
ほかにもいろいろやってみたのですが、出来ませんでした・・・。
このような別フレームの操作が出来る方法があれば教えてください。
宜しくお願いいたします。

いろいろ試しているのですが、理解不足のせいでしょうが、どうやってもできません!
内容は以下の通り(分からないのは3)です。どうぞ宜しくお願いいたします。


1:画面を、AとBの2つのフレームに分割しています。
【index.html】
<frameset>
 <frame src="A.html" name="A">
 <frame src="B.html" name="B">
</frameset>

2:Aフレーム内に記述してあるaaaアンカーをクリックすると、子画面ko.htmlを開きます。
<a href="javascript:void(0)" onclick="window.open('path=ko.html','_blank');">子画...続きを読む

Aベストアンサー

ご質問の場合、子ウィンドウ(ko.html)からみて、openerはフレームAになっていますから、window.opener~はフレームAに対する操作を意味することになります。

Bフレームを取得するには
window.opener.top.document.getElementsByName('B')[0].src='http://www.yahoo.co.jp/';
などのようにしてあげればよいかと…

ところで現状で、ko.htmlは開いているのでしょうか?
(こちらの環境では、ご質問の通りだと開きません)

Qテーブルセル余白(例えば左側だけ、上側だけ、など)

こんにちは。
宜しくお願いいたします。

テーブル内のコードに、cellpadding="5" は
セル余白が上下左右のすべて、5ピクセル空きますが、

左側だけ5ピクセル、とか、上側だけ5ピクセル、のように
指定方向のみ、余白を作ることは可能でしょうか。

その場合のHTML記述を教えてください。

また、ここで質問させていただいている「指定方向への余白指定」と
全体余白指定の「cellpadding="XX"」は同時に使って
良いものでしょうか。
素人質問ですみません。
宜しくお願いいたします。

Aベストアンサー

1つのセルだけなら、下記で。
<td style="padding: 5px 10px 20px 30px;">
上の例は、上が 5px。 右が 10px。下が 20px。 左が 30px。
適当に数値変更してください。
cellpadding="5" と style="padding: 5px;"は同じになるはず。
<td style="padding: 5px;">

両方使うとどうなるかは、試して下さい。
cellpadding をここ数年利用していないので・・・

複数個所利用するなら、NO.1さんを参考に HEAD内に下記を入れて試してみましょう。
<style type="text/css">
<!--
td {padding: 5px 10px 20px 30px;}
-->
</style>

Qリンク先を動的に変更する

簡単な仕様を考えて試行錯誤しながら勉強している
ジャバスクリプ超初心者です
どなたか宜しくお願いします

<a href="○○○○○○○○○"><img src="photo01.jpg" width="200" height="150" border="0" id="change" name="change" /></a>
のリンク部分のアドレスを動的に変更したいと思っています

画像とリンク要素両方を「document.write」で書き出し変数を与えてあげれば
出来る事はわかっているのですが

今回は自分の仕様で
どこまでJSでできるものなのか知りたい事もありまして
どうしても指定位置のリンク部分のアドレスだけを変更したいと思っています。

下記方法
document.link[インデックス].hrefで取得できるのですが
この方法だと何番目のリンクかといちいち数えて数字を指定しなきゃいけない為リンク数が多くなった場合には
ちょっと現実的ではありません

そこで例えば指定位置の画像情報を取得するみたいに
「document.ID名.src」みたいに指定箇所の「a」要素の「href」を指定する事はできますでしょうか?
ちなみに同じようにリンクに対してもやってみたのですがダメでした

下記が現在のソースになります。
宜しくお願いします。


=============================================================
JavaScript
=============================================================
function img_chage(no){

img = new Array();
img[0] = "photo01_ov.jpg";
img[1] = "photo02_ov.jpg";

url = new Array();
url[0] = "http://www.google.co.jp";
url[1] = "http://www.goo.ne.jp";

document.change.src = img[no];
document.links[0].href = url[no];

}

=============================================================
HTML
=============================================================
<a href="http://www.yahoo.co.jp"><img src="photo01.jpg" width="200" height="150" border="0" id="change" name="change" /></a>
<br />
<img src="photo01_ov.jpg" width="100" height="75" onMouseOver="img_chage(0)" />
<img src="photo02_ov.jpg" width="100" height="75" onMouseOver="img_chage(1)" />

簡単な仕様を考えて試行錯誤しながら勉強している
ジャバスクリプ超初心者です
どなたか宜しくお願いします

<a href="○○○○○○○○○"><img src="photo01.jpg" width="200" height="150" border="0" id="change" name="change" /></a>
のリンク部分のアドレスを動的に変更したいと思っています

画像とリンク要素両方を「document.write」で書き出し変数を与えてあげれば
出来る事はわかっているのですが

今回は自分の仕様で
どこまでJSでできるものなのか知りたい事もありまして
どうしても指定位置のリ...続きを読む

Aベストアンサー

リンク要素にidなどを振っておけば簡単ですが、ご提示のソースだとそのなかの画像にidがあるのでそれを利用してもいけます。

ごく簡単な例です。(リンクのみ変更。画像は変更してません。)
<html>
<head>
<script type="text/javascript">
function set(n) {
var url = ["http://www.google.co.jp","http://www.goo.ne.jp"];
var img = document.getElementById('change');
img.parentNode.href = url[n];
alert(url[n] + 'に変更しました');
}
</script>
</head>

<body>
<a href="http://www.yahoo.co.jp">
<img src="photo01.jpg" id="change">
</a>
<hr>
<input type="button" value="googleへ変更" onclick="set(0)"> 
<input type="button" value="gooへ変更" onclick="set(1)">
</body>
</html>

リンク要素にidなどを振っておけば簡単ですが、ご提示のソースだとそのなかの画像にidがあるのでそれを利用してもいけます。

ごく簡単な例です。(リンクのみ変更。画像は変更してません。)
<html>
<head>
<script type="text/javascript">
function set(n) {
var url = ["http://www.google.co.jp","http://www.goo.ne.jp"];
var img = document.getElementById('change');
img.parentNode.href = url[n];
alert(url[n] + 'に変更しました');
}
</script>
</head>

<body>
<a href="http://www...続きを読む


人気Q&Aランキング