リンク先がトップに移らない・・・ 枠内に表示される



0   名前: 勉強中 : 2006/08/12(土) 16:18  ID:Z4uPYErT
はじめましてHP作成時の問題について質問させていただきましたよろしくお願いします。
【現在の状況】
→現在インラインフレームをしようして看板、左のメニューを表示させているのですが、表示まではうまくいくのですが、いざ反映させてリンク先へ飛ぶと枠内でリンク先へいってしまい、画面はそのままになっています。

【どうしたいのか】
→ 枠内のリンクをクリックすると全体に表示されるようにしたいです。

【何をしたのか】
→ 検索などをして下記のhtmlタグを使用しています

  <table><tr><td colspan=3 align=center>
<table><tr><td>
<iframe src="http://www.rakuten.ne.jp/gold/snj/toptwo.html"
height=215 width=801 frameborder="0" scrolling="no" target="_top">
このページはインラインフレームを使用しております。
インラインフレームに未対応のブラウザをお使いの方は
<a href="http://www.rakuten.ne.jp/gold/snj/toptwo.html">こちら
</a>へどうぞ</iframe>
</td></tr></table>
</td></tr>
<tr><td valign="top">


<table border="0" width="100" height="1000"><tr><td><br>

<iframe src="http://www.rakuten.ne.jp/gold/snj/i.menu.html"
height=3181 width=200 frameborder="0" scrolling="no" target="_top">
このページはインラインフレームを使用しております。
インラインフレームに未対応のブラウザをお使いの方は
<a href="http://www.rakuten.ne.jp/gold/snj/i.menu.html">こちら
</a>へどうぞ</iframe>


</td></tr></table></td>
<td width="10"></td>


<td align="left" valign="top">
<table><tr><td>

ーーーーーーーーーーーーーーーーーーーーーー
</td></tr></table></td></tr></table>


→ @@@ 「_top」に指定しておりつもりなのですが、枠内しか飛びません

 上記や 

 <iframe src="http://www.rakuten.ne.jp/gold/snj/menu.down.html"
height=1020 width=655 frameborder="0" scrolling="no" target="_parent">
このページはインラインフレームを使用しております。
インラインフレームに未対応のブラウザをお使いの方は
<a href="http://www.rakuten.ne.jp/gold/snj/">こちら
</a>へどうぞ</iframe>
 【備考】
→ 全体がリンク先へ飛ぶようにしたいです。


  よろしくお願いします。

1   名前: 木目 : 2006/08/12(土) 16:18  ID:cruA0TIy
target は a href につけましょう。

<a href="http://www.rakuten.ne.jp/gold/snj/" target="_parent">こちら</a>

2   名前: 勉強中 : 2006/08/12(土) 16:18  ID:Z4uPYErT
ありがとうございます
それではターゲットは必要ないといことになるんでしょうか?・・・

なぜ枠ないだけリンク先へとんで画面はそのままなんでしょうか・・・


 とにかくありがとうございます 一度ためしてみます!!  <(_ _)>

3   名前: 勉強中 : 2006/08/12(土) 16:18  ID:Z4uPYErT
 試しました

さきほどは返信ありがとうございます。


試しましたが現在もそのままの状態で、枠内だけ移動して画面全体はそのままです。「移動しません」
どうしてなんでしょうか?

 「_top」
 「parent」
 「blank」
などためすのですがいっこうに変化がありません、根本的な問題があるのでしょうか?

4   名前: モノ ◆7YMtX/NYmu : 2006/08/12(土) 16:18  ID:7OITa0a3
フレームのリンクについて、基本的なことは身についていますか?
(iframeといってもリンクについては通常のフレームと同じです)

iframeに名前を付け(iframeのname属性)、
リンクの際にはその名前を目標とする(aのtarget属性)。

そして、targetにはすでに予約されているものがあり、
それが
_blank
_top
_parent
などになるわけです。_がポイント。
http://www.tagindex.com/html_tag/frame/a_target.html
あなたが試してみたtargetには、_はありますか?

iframeを設置しているページを提示すれば
どこをどうすればよいか具体的な回答がつくかと思いますが、
iframe内から、ページ全体に表示させたいリンクには
target="_top"もしくはtarget="_parent"
を試してみるとお望みの結果になるかもしれません。
この場合に限っていえば、iframeのnameは関係ありません。

5   名前: かふぇおれ : 2006/08/12(土) 16:18  ID:Ji0blfRq
ご自分の勉強の為にも簡単なフレーム構成のファイルを作って試されてはいかがでしょう。
<html>
<head>
<title>インラインフレームテスト</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="500" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><iframe src="http://www.rakuten.ne.jp/gold/snj/toptwo.html"
height=200 width=500 frameborder="0" scrolling="no"> このページはインラインフレームを使用しております。<br>
インラインフレームに未対応のブラウザをお使いの方は <a href="http://www.rakuten.ne.jp/gold/snj/toptwo.html" target="_blank">こちら 
</a>へどうぞ</iframe></td>
</tr>
</table>
</body>
</html>


因みに、target は blank ではなく、_blank ですよ。

6   名前: かふぇおれ : 2006/08/12(土) 16:18  ID:Ji0blfRq
あ、恥ずかしい。
7分も前にモノさんが回答している事と重複してしまいました。

7   名前: Z ◆XTzyosZXcL : 2006/08/12(土) 16:18  ID:P1sb1nP7
>>1->>3のやり取りを見ていて気になったので。

 >>4でモノさんがおっしゃっている「この場合に限っていえば、iframeのnameは関係ありません。」がズバリなのですが、補足いたしますと、本質問の場合は本来「target属性を指定するのは」>>0のIFRAME要素で表示領域中にとりこんでいる「”toptwo.html””i.menu.html”のソース中にあるA要素」です(IFRAME要素の中身は、インラインフレーム非対応の閲覧環境のための代替ですから、>>0の記述のままでよいかと思います)。

IFRAME要素についてのHTML4.01仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#edef-IFRAME
http://www.w3.org/TR/html401/present/frames.html#edef-IFRAME

目標フレーム情報の指定についてのHTML4.01仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/frames.html#h-16.3
http://www.w3.org/TR/html401/present/frames.html#h-16.3

仕様書の読み方など:
http://www.kanzaki.com/works/2001/pub/wsd01.html

 なお、scrolling属性の値を"no"としてしまうと、閲覧環境によってははみ出た部分が出た場合にそこが読めなくなります。できればその指定はしない方がよいでしょう。

8   名前: Z ◆XTzyosZXcL : 2006/08/12(土) 16:18  ID:P1sb1nP7
>>5 かふぇおれさん:
 サンプルソースを示すのであれば文書型宣言も記述してあげてくださいな(^^;。(本スレッドの場合は移行型かフレーム定義型になります)。

HTML4.01仕様書該当部分:
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.2
http://www.w3.org/TR/html401/struct/global.html#h-7.2

参考・なぜ文書型宣言が必要か(ちょっと厳しい表現を使われてますが、本質をついていると思います):
http://members.jcom.home.ne.jp/jintrick/Personal/markup_dtd.html#why

9   名前: 勉強中 : 2006/08/12(土) 16:18  ID:Z4uPYErT
  書き込みありがとうございます
 参考にさせていただき訂正、修正してみます。

 なぜか

 <IFRAME src="http://www.rakuten.ne.jp/gold/vissel/menu.html"
name="menu" width="190" height="1200" scrolling=no FRAMEBORDER="0">
テスト<br>
テスト<BR>
テスト<br>
テスト<br>
テスト<a href="http://www.rakuten.ne.jp/gold/vissel/menu.html">こちら</IFRAME></td>

<td width=550 valign=top align=center>
<table width=100% border=0>
<tr>
<td>

  上記他のインラインフレームを使用しているHPから「切り取り」し、使用してみるとOKなんですが、

 上記ソースに


<IFRAME src="http://www.rakuten.ne.jp/gold/@ここ@snj/i.menu.html"
name="i.menu" width="190" height="1200" scrolling=no FRAMEBORDER="0">
テスト<br>
テスト<BR>
テスト<br>
テスト<br>
テスト<a href="http://www.rakuten.ne.jp/gold/snj/@ここ@i.menu.html">こちら</IFRAME></td>

<td width=550 valign=top align=center>
<table width=100% border=0>
<tr>
<td>


  URL部だけ私の記入すと失敗します。


確かに私は基本もまだ勉強できておらず勉強中ですので、みさなんにいただいたご意見を元に勉強したいと思います。
ありがとうございます。 
        <(_ _)>

10   名前: 勉強中 : 2006/08/12(土) 16:18  ID:Z4uPYErT
  再度質問でカキコしてみました。
 どなたか教えて下さい。・・・
 HTML HPUPします

 現在http://www.rakuten.co.jp/snj/
上記でHP編集等をしているのですが、商品ページで下部にメニューなど案内をHTMLで表示しているのですが、
   たとえば「詳しくはこちら」などをクリックするとした部のフレーム内だけ飛んでしまい画面全体が移動しません
   どうしてでしょうか?


   他HPからアイフレームをしようしているタグを拾って当てはめるとうまくいくのですが、当方の場合だけうまくいきません、何が問題なのでしょうか?

  お分かりになる方がいらっしゃいましたらお教え下さい。

  よろしくお願いします。

11   名前: 匿名 : 2006/08/12(土) 16:18  ID:Fttg4VR3
9>>
参考にさせていただき訂正、修正してみます。


と、ありますが…
結局 target指定されているのかいないのかがわかりません。

あなたのお店のURLを加えた提示されたソースですが…


<IFRAME src="http://www.rakuten.ne.jp/gold/@ここ@snj/i.menu.html"
name="i.menu" width="190" height="1200" scrolling=no FRAMEBORDER="0">
テスト<br>
テスト<BR>
テスト<br>
テスト<br>
テスト<a href="http://www.rakuten.ne.jp/gold/snj/@ここ@i.menu.html">こちら</IFRAME></td>

<td width=550 valign=top align=center>
<table width=100% border=0>
<tr>
<td>


↑<a>の終了タグが見当たりません。

また、
10>>
で提示されているお店のページですが、問題の「商品ページで下部にメニューなど案内をHTMLで表示しているのですが、たとえば「詳しくはこちら」などをクリックするとした部のフレーム内だけ飛んでしまい画面全体が移動しません」と仰っている部分が見つけられないのですが…。
お店のTOPより該当URLを提示してくださったほうが親切かと思います。

12   名前: 勉強中 : 2006/08/12(土) 16:18  ID:Z4uPYErT
  ご意見ありがとうございます!!

>>11で言われていることはもっともで失礼しました。新しいURL添付しました

 こちらです
      http://www.rakuten.co.jp/snj/519181/519204/
 
 上記URLのページで下部にhtmlで表示させているのですが、フレーム内だけのの移動になってしまいます。

 </a> 確かに終了タグが見つかりません ありがとうございます

 しかし指定されているタグをそまま切り取って貼っているのであっていると思っていました。
 終了タグを加えたいと思います。

  ありがとうございます。

 もし書き込みを閲覧し問題解決方法等のご意見ありましたらよろしくお願いします。 

13   名前: 通りすがり : 2006/08/12(土) 16:18  ID:yGMfbzts
>>1ですでに答えが出ているはずですが。
target指定はされましたか?

14   名前: えじ ◆HtEaXt.II9 : 2006/08/12(土) 16:18  ID:WP1ytrfY
こんばんは。管理人のえじです。

マルチポストのご報告をいただいたので、勉強中さんに確認させていただきます。

>>0
この質問内容は、他の掲示板でもご質問されていますか?

15   名前: Z ◆XTzyosZXcL : 2006/08/12(土) 16:18  ID:P1sb1nP7
 ロックされるかもしれませんので先に一つだけ。
 勉強中さんがなさるべきことは、「HTMLの基礎を身につける」と「アクセシビリティについての知識を身につける」だと思います。

 下記でカヅサツさんがおっしゃっていることが勉強中さんにも当てはまると思いますのでご紹介しておきます。

http://www.tagindex.com/cgi-lib/q1bbs/patio.cgi?mode=view2&f=2473&no=3

16   名前: 勉強中 : 2006/08/12(土) 16:18  ID:mZ9gS/Ps
 勉強中です

 皆様たくさんのご意見ありがとうございます。

 HTMLに関しましてまだまだ基礎知識を勉強しなおし再度見直してみます。

 ありがとうございました。

 「ターゲット」の設定が「デフォルト」になってろい修正し解決致しました。


 良い勉強をさせていただきありがとうござました、これからも勉強していきます。

一覧へ戻る