WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:フレームへのリンクについて

もゆた[MAIL][URL][WriteDate : Tue Nov 7 23:10:09 2000]

 二回目の相談(別件)いたします。

2つのフレーム(F1、F2)からできているページがあり、その内の”F2”のある場所をリンク先としたいのです。

F2のある場所へラベルを着けて、リンク元からクリックしても、当然、F2単体のみのページが表示されてしまい、F1が表示されません。最初からF1をリンク先とした場合は、F1,F2のフレームページが表示されますが、これでは、F2の特定の場所へ飛べません。

わかりづらい質問ですが、なにとぞ、よろしくお願いします。



もゆた[MAIL][URL][WriteDate :Tue Nov 7 23:16:44 2000]

補足ですが、リンク元からのTargetは「新しいウンドウ」として、F1、F2からなるページを開きたいのです。

ひよこ[MAIL][URL][WriteDate :Wed Nov 8 05:11:56 2000]

F2に表示すべきページは1ページだけでしょうか?
1ページだけだったらHEAD内に

if (top==self) {top.location.href='XXXX.html';}

(XXXX.htmlはフレーム生成ページ)
Targetはリンク元で_blankなどの新規Windowを指示されている場合です。
フレームを切ったままのフレーム内での表示ではF1が表示されません。


もし複数ページだったら該当のページを表示しないといけないのでサンプルを参考にして下さい。
     ↓
http://obnet.3nopage.com/sample/frame_tip/

フレーム内での解除も兼ねています。
読み込まれた側で新たに新規Windowを開く必要がある場合は変更が必要です。

ちゃいぱ[MAIL][URL][WriteDate :Wed Nov 8 09:48:30 2000]

以下のAAA.htmの感じにして、リンク元からのTargetは「新しいウンドウ」でクリックする!

AAA.htm
<FRAMESET ROWS="50%,50%">
<FRAME NAME="F1" SRC="frame1.htm">
<FRAME NAME="F2" SRC="chai.htm#co08">   <!--#co08(ラベル)がポイント -->
</FRAMESET>


もゆた[MAIL][URL][WriteDate :Wed Nov 8 11:34:47 2000]

ひよこ さん、ちゃいば さん、早々のお答え本当に助かります。
私はド素人なもので、せっかくのお2人の回答も理解できてません。ですから、もう一度、私の状況を整理してお伝えしたいと思います。
まず、
1.クリックするリンク元はフレーム切ってあるページだろうが無かろうが、関係ないんですよね?。
2.リンク先は2つのページからなるframe.htm(F-ue.htmとFーsita.htm)とします。フレームネームもそれぞれ、F-ueとF-sitaとします。
3.このframe.htmを新しいウインドウとして開きたいのです。
4.リンク先を単にframe.htmと指定して開くところまでは出きるのですが、リンク先はF-sita.htm内のあるラベルを付けた所へジャンプさせたいのです。以上、私の可能な限りの説明を致しました。
40前のおじさんには、本当につらい毎日です(笑)。
改めて、以上の内容にてよろしく御回答をお願いいたします。

PS:「だから、答えを書いてあるじゃないか」と怒られそうですが・・・。

ひよこ[MAIL][URL][WriteDate :Wed Nov 8 13:31:03 2000]

ちゃいばさんの記述をそのまんま、ファイル名、フレーム名、ラベル名を替えればいいんじゃないでしょうか?
F1→F-ue
F2→F-sita
frame1.htm→F-ue.htm
chai.htm→F-sita.htm
#co08→#ラベル名 ( <A NAME="ラベル"></A>で指定した部分 )

>3.このframe.htmを新しいウインドウとして開きたいのです。 
リンク元が新規Windowをオープンするようにしないと自分自身ではそのままでは出来ません。
どうしてもなら、もう一つ別のファイルから前処理(新規WindowOpen)
をさせてやり、そこへリンクするとかしないとダメでしょうね。
他にも色々あるかも知れませんが(cookieを使うとか)単純じゃないです。

>40前のおじさんには、本当につらい毎日です 
私は40どころか厄もあけちゃいましたよ(笑)
でもこういう世界では”ひよこ”だと思ってがんばってます。(これがHNのルーツなのだ)

k[MAIL][URL][WriteDate :Wed Nov 8 14:03:07 2000]

ちゃいばさんがおっしゃってるように、
target=_blankで新しいページが開きます。
<a href="frame.htm" target="_blank">新フレームページ</a>

もゆた[MAIL][URL][WriteDate :Wed Nov 8 14:32:03 2000]

お世話になっております。しかし、どうしてここは、こんなにレスが早いのでしょう。昨日も夜遅くの投稿なのに。感謝・感謝です。

さて、いろいろ試してみましたが、新しいページを開くことはTargetでできました。しかし、ちゃいばさんの方法は、恒にそこへしかリンクが張られない固定ですよね。説明不足でしたが、F-sita.htm内へのリンク先は一つではないのです。そうすると、難しい cookie使用になるのでしょうか?

ひよこさん、
>私は40どころか厄もあけちゃいましたよ(笑)
そうでしたか。私も少しでもひよこになれるよう、ふ化ぐらいはしたいもんです。しかし、こんな私にどうして会社はこんな作業をさせるのでしょう(笑)。 



ひよこ[MAIL][URL][WriteDate :Wed Nov 8 15:12:28 2000]

ちょっと話の内容を整理させて下さい。(どうも私は的外れを言っている気がしてきたので)

1)呼び出しもとは、同じサイト内でその該当フレームページを表示させたい。(呼び出し時のターゲットが自分で設定できる)
2)知人のサイトからだがリンク先をページ毎に設けて貰う(複数ページへのリンクだがTarget指定を依頼できる)
3)知人のサイトからでTarget指定を依頼できないがフレーム分割して表示させたい(ページ数が多すぎて大変とか)
4)不特定のとこから複数のページにそれぞれリンクされているが、何処へ来てもフレーム分割したい(検索エンジンからも含む)

あと他になんかありますでしょうか?
取りあえず、多少処理方法が違ってくると思うので教えて下さい。


ひよこ[MAIL][URL][WriteDate :Wed Nov 8 15:26:26 2000]

今、ふと思ったんですが、先の検索の件と関係あるのかな?
複数ページを対象に辞書引きみたいな機能とか・・違ったらすみません。

もゆた[MAIL][URL][WriteDate :Wed Nov 8 15:43:08 2000]

前略、簡単に言えば、1)でしょうか。リンク元も先も全て自分のサイト内でのことです。あるページ内のリンク元から別ページのFrame.htm(F-ue.htmとF-sita.htmからなる)を新しいウインドウで開き、リンク元(複数)のよって、F-sita.htm内の該当する複数の場所へ飛びたい(頭出ししたい。)ということです。

F-sita.htm内には、ラベルを付けてありますので、リンク先がFrame.htmではなくF-sita.htmであれば、それぞれその場所へ飛べますが、もちろんこれでは、F-ue.htmが表示されません。F-ue.htmには、F-sita.htm内の文書を検索するテキストボックスが設置してあります。まあ。これを諦めれば、単純にF-sita.htm内の各ラベルへのリンクでOKなのですが・・・。検索語を入力しボタンを押すと、文章内の該当検索語が蛍光ペンを塗ったようになるというもので、ここまでくるのに非常に苦労したので、是非これをも可能にしたいのです。
また、これは、サイトにアップしなくてもPC内のLANでの使用を考えているのです。どうでしょうか?やっと私自身も整理が着いてきたような・・・。

ちゃいぱ[MAIL][URL][WriteDate :Wed Nov 8 16:17:45 2000]


>F-sita.htm内へのリンク先は一つではないのです
でしたら、ある分(ラベル毎)以下のようなフレームセットなHTMLを作成すればいいのでは?

<FRAMESET ROWS="50%,50%"> 
<FRAME NAME="F-ue" SRC="F-ue.htm"> 
<FRAME NAME="F-sita" SRC="F-sita.htm#ラベル毎"> 
</FRAMESET>
 
そしてラベル毎に
<a href="frameL1.htm" target="_blank">新フレームページ ラベル1</a> 
<a href="frameL2.htm" target="_blank">新フレームページ ラベル2</a> 
ってな感じで〜

バギンズ[MAIL][URL][WriteDate :Wed Nov 8 16:25:40 2000]


>F-sita.htm内へのリンク先は一つではないのです。
リンク先が一つではないという事は、リンク元に何らかの分岐条件となるものがあるのですよね?
それは何でしょう?

とりあえず考えられる方法としては
1.リンク数分framesetのHTMLファイルを用意して使い分ける。
2.framesetのHTMLファイル内でFRAME要素をJavaScriptで記述して分岐する。(リンク先はパラメータ渡し)
3.CGIでframesetのHTMLを出力する。(リンク先はパラメータ渡し)

※リンク先はパラメータ渡しと書いた意味は
frame.htm?リンク先名 または frame.cgi?リンク先名
といった感じです。
cookeiを使う方法でもいいですが、それはお好みで...

ひよこ[MAIL][URL][WriteDate :Wed Nov 8 16:25:54 2000]

理解できました。
ということは、引数をくっつけた形でリンクしてもいいんですよね?
例えば、表示したいページが F-sita001.htm とかだったら

<A HREF="frame.htm?F-sita001.htm" target="_blank">ページその1</A>

の様に、? 以下を該当先のファイル名にするとか。
これでOKならサンプル作ってみます。


バギンズ[MAIL][URL][WriteDate :Wed Nov 8 16:28:36 2000]

ちゃいぱさんに先を越された(^_^;)

私が書いた1の方法は、ちゃいぱさんが説明している方法と同じです。

ひよこ[MAIL][URL][WriteDate :Wed Nov 8 16:31:02 2000]

ありゃりゃ。バギンズさんの投稿とだぶって中身も同じだぁ〜。

バギンズ[MAIL][URL][WriteDate :Wed Nov 8 16:38:56 2000]


>ひよこさん
うわー、レス速いですね(^_^;)>みなさん
混乱するとまずいので私はひっこんでる事にします。

ちょっと1点だけ。
パラメータはファイル名ではなく、リンク先のラベルなのでは?

ひよこ[MAIL][URL][WriteDate :Wed Nov 8 17:23:11 2000]

速攻!!(笑)

>バギンズさん
>パラメータはファイル名ではなく、リンク先のラベルなのでは? 
検索窓を出すって事なので、いらんのかな?と思いましたが。どうなのかな?

で、速攻で作りました。  ↓

http://obnet.3nopage.com/sample/frame2/sample.htm

こんなんでしょうか?(もち検索する文章なんか入ってないですが(^_^;  )

もゆた[MAIL][URL][WriteDate :Wed Nov 8 19:16:16 2000]

 なんだか、みなさん、すごくて・・・・(笑)。いや笑いじゃなく、感謝なんですよ。ひよこさん、サンプルまで付くってくださって、ありがとうございます。これは、下のページがそっくり変わるんですね。私はフレームページ毎に作ろうかと思ってましたが、この方法だと、下のページだけを作っていけばいいのですね。参考にさせていただきます。

で、もう一歩進んでというか、そのページ内の複数あるラベルへ飛びたいのです。「な〜んだそんなことか」と言われそうですが、みなさんに理解していただくべく、私も作ってみました。やりたいことが、これで伝わればいいのですが。ちょっと、覗いてください。↓

http://www7.tok2.com/home/moyuta/bunsho/mainpage.htm


ひよこ[MAIL][URL][WriteDate :Wed Nov 8 20:32:16 2000]

実は、ラベルジャンプもそのままでいけるのでは?と思ったのは甘かった。
で、サンプルは先のアドレスで今度はリンク先1、リンク先2へと飛べるようにしています。

注意事項です。

frame.htm?F-sita001#リンク先1 このままだと"#"以降が無視されてしまうので
frame.htm?F-sita001>リンク先1 の様に"#"を">"に置き換えて呼び出して下さい。
(frame.htm内で"#"に置き換えています。)

表面にはまず出てくることが無い、或いは出ても気が付かないファイルが2つあります。
nopage.htm  ?以降の文字がもしなかった場合のページで単に「ページ指定がありません」という表示だけです。
dummy.htm   最初にデフォルトで表示される下側ページで、中身は空白です。(っていうか文字表示のないHTMLファイル)

nopage.htmは特に必要ないと思いますが、dummy.htmは必要です。
該当ページが表示されるまでの間このページが表示されます。
ですから他のページとbgcolorぐらいは合わせといたほうが良いでしょう。

もゆた[MAIL][URL][WriteDate :Wed Nov 8 23:09:32 2000]

ひよこさん、バギンズさん、ちゃいばさん、Kさん、みなさんのおかげで、遂に完成しました。ありがとうございました。私は、ホームページビルダーを使用していますが、これほどのリンク設定をするにはエディターの方が良さそうですね。また、文書の件数も多いことから、本来はデーターはCSVファイルにして、そこから生成する方がいいのでしょうね。さて、最後に一つだけ新たに引っかかったことがあります。
検索語にマークされた状態を元に戻す、取り消す方法として、単純に再読込をしていたのですが、今回の改変でそれが、不可能になりnopage.htmが表示されるようになりました。プラウザの更新ボタンを押すのと同じ効果がある方法は無いのでしょうか?
取り消しボタンとして以下のように記してあります。
<INPUT type="button" value="取消し" onclick="parent.document.location.href='frame.htm'">
frame.thmは、2つのページからなるフレームページです。他の方法でも良いのがありますでしょうか?
これが出きれば、あとは、ひたすら中身を打ち込む作業が待っています。

ひよこ[MAIL][URL][WriteDate :Thu Nov 9 08:12:07 2000]

リロードしたときには?以降のデーターが無くなりますね。
上フレームから下のフレームだけをリロードさせればいいと思います。

<INPUT type="button" value="取消し" onclick="parent.frames[1].document.location.reload()">

ただ、表示位置はもちろん初期化されますが、ボタンの意味的には「取り消し」ですから
いいんじゃないかと思います。

データーに関してですが、私が最近非常に便利だと思っているソフトがあります。
シェアウエアですがディクレの「アイデアツリー」と言うソフトです。

http://www.dicre.com/soft/itree.htm
単なるテキストなどからHTML文書を作成するときには、結構威力を発揮します。
お暇なときでも見て下さい。

もゆた[MAIL][URL][WriteDate :Thu Nov 9 09:59:01 2000]

 ひよこさん、みなさん、完成しました。とりあえず入れ物だけは。
本当に感謝いたします。「アイデアツリー」ちょっと、覗いてみました。これから、中身を入れる作業なので、是非検討します。

 それにしても、ここの方達はどんな人なんでしょう?早くて、親切はいいんですが、みなさん、お仕事中にお答え下さっているのでしょうね。恐れ入ります。ここでは、安易に聞いてしまう癖が付きそうですが、実はまた、時間を於いて2〜3の質問をしたいと、考えています、その時にはよろしくお願いいたします。では。


もゆた[MAIL][URL][WriteDate :Thu Nov 9 17:42:48 2000]

完了です。

もゆた[MAIL][URL][WriteDate :Fri Nov 10 23:04:23 2000]

 お世話になっております。せっかく入れ物完成し「あとは、中身を」と思っていたところに、周囲から変更要請がありました。それは、”リンク先を新しいウィンドウで開く”から、同一のフレーム内に開くというものです。次々リンク先を開いていくと窓が複数になり、リソースメモリー上からか、思わしくない、また、新しく開くには時間がかかる。ということからです。で、じゃーTarget属性を単純にTarget=_selfとしてみましたが、上のフレームが消えて下のフレームのみが表示されてしまいます。いままでの”新しいウインドウで開く”を”同一ウインドウで開く”にするには、以下のスクリプトをどのように編集したらよいのでしょうか?舌の根も乾かない内に、再質問のお願いです。

<SCRIPT language="JavaScript" type="text/javascript">
<!--
function FrameCheck(){
Ref = self.location.search;
subURL = Ref.substring(1,Ref.length);
subURL = subURL.replace(/>/,"#");
if(subURL != ""){

parent.frames[1].location.href=subURL;
}else{
parent.frames[1].location.href="nopage.htm";
}
}
//-->
</SCRIPT></HEAD>

ひよこさんご推薦のアイデアツリー、雑誌で概要は読んだことがありましたが、HTML生成、しかもリンクを自動で付けてくれるなんて、もう、目からうろこです。よろこんでシャエウエアーを払いたいです。
有意義な情報、本当に助かります。

ちゃいぱ[MAIL][URL][WriteDate :Sat Nov 11 23:37:45 2000]

すみませんが、もう一度、要点を整理してわかりやすく、別スレッドで新規質問してもらえますか、お手数おかけします! 申し訳ない!

なるべく、このスレッドを参照しないでいい感じに...。



ひよこ[MAIL][URL][WriteDate :Sun Nov 12 09:14:41 2000]

概略想像付きますが、ちゃいばさんの指示に従って、新規スレッドの方で解答いたします。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]