dポイントプレゼントキャンペーン実施中!

親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。
親ページはインラインフレームのみ
※楽●のカテゴリーページのため親ページにJavascriptなどはつけることができません。
インラインフレーム内の表示ページで、
例えば<a href="#sale">セール</a>とリンクを付け、そのインラインフレーム内のページの(id=sale)セールの項目へ移動させたいと考えています。

当初jQueryページ内移動、 
http://web-park.org/javascript/scroll100126.html
上記サイトのコードを使用して試しましたが、インラインフレーム内ではだめでした。
何か上記のサイトのコードを変えればうまくいきそうな気もしましたが初心者なのでだめでした。
jQueryは使わず最も一般的な<a href="#sale">セール</a>⇒id=saleに変えましたが、こちらもインラインフレームではうまくいきません。
なんとかインラインフレーム内に表示するページのコードでリンク移動ができないものでしょうか?
ご存知の方ぜひご教授お願いいたします。

A 回答 (1件)

それで問題ないはずです。


一度、
Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint. … )
などで文法チェックしてみたら??(iframe内で表示するページ)


★:は:に置換してあるので必ず戻すこと

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>
<div>
<h1>インラインフレーム内でリンク移動</h1>
<p>親ページ内のインラインフレームに表示したページで、リンク移動をしたいと考えています。</p>
<p>親ページはインラインフレームのみ</p>
<p>※楽●のカテゴリーページのため親ページにJavascriptなどはつけることができません。</p>
<p>インラインフレーム内の表示ページで、例えば&lt;a href="#sale"&gt;セール&lt;/a&gt;とリンクを付け、そのインラインフレーム内のページの(id=sale)セールの項目へ移動させたいと考えています。</p>
<h2>サンプル</h2>
<p><a href="http:/www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html#minitoc" target="iframe1">iframe内にの目次へリンク</a>こちらでも・・<a href="http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html#toc" target="iframe1">詳細目次</a>でも</p>
</div>
<iframe src="http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html" width="600" height="800" name="iframe1">

</body>
</html>
    • good
    • 0

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