• 締切済み

tplからの他ページ特定箇所リンクについて

お世話になります。 サイト内にて、他ページの特定箇所へのリンクについて調整しているのですが リンク元のページソースがtplな為なのか?上手く反映されません。 tpl内の該当部分に <a href="hoge.html#aaa"><img src="hogege.jpg"></a> ※widthなどの詳細は省略しています と記載し リンク先のHTML(hoge.html)の該当箇所を <a name="aaa"><img src="mogege.jpg"></a> と指定しました。 しかしながら、hoge.htmlにはリンクするのですが 該当箇所に上手くとびません。 タグの閉じ忘れ、記載方法等一通り確認し、いろいろ調整してみたのですがうまくいかないため、 リンク元がtplだからなのだろうか…と不安になっています。 もしご存知の方がおいでになりましたらご教示頂けますと幸いです。

  • haluo
  • お礼率70% (21/30)
  • HTML
  • 回答数3
  • ありがとう数2

みんなの回答

noname#100277
noname#100277
回答No.3

id指定したらどう変化しますか? 真逆、該当ファイルの書式はXHTMLでは無いのですか? 一応nameとid属性の両方を指定して見て下さい。 指定箇所にLINKを貼るのに画像では駄目と云う事は聞いた事が無いので大丈夫な筈ですが・・・ 画像を外した場合はどうでしょうか? 又は他のブラウザでの確認も。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

直接ブラウザのURL欄に http://*****/***html#aaa と記入したら? またリンクして開いた後にURL欄はどうなってますか? #以降がないなら追記するとか

haluo
質問者

お礼

有り難うございます。 ブラウザのURL欄にも、問題なく http://*****/***html#aaa など、URLの直後に「#aaa」と該当箇所名が表示されています。 リンク先ページ内でのアンカー記載部分がいけないのでしょうか。 画像を囲むようにしているのですが、画像がまずいというものでもなかったような…。 お手数をおかけします。

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

 どのように設定したかではなく、表示されるHTMLのソースを確認してください。  firefoxなら、リンク元のページの該当部分を選択して右クリックから「選択部分のソース」です。IEでの方法はわかりません。

haluo
質問者

お礼

ご回答有り難うございます。 説明が足りず失礼致しました。 表示画面にて、リンクもとのページの該当部分の情報も確認したのですが 指定先の記載に間違いはありませんでした。 もう少し調べてみます。有り難うございました。

関連するQ&A

  • マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。

    マップを使ってページをリンクしさらにページ内リンクにしたが飛ばない。 <img src="images/aaa.jpg" usemap="#map" /> <map name="map"> <area href="kan.html#3" alt="" shape="rect" coords="0,3,105,154" /> </map> kan.html <div align="center" id="3"><img src="images/bar_3.jpg"></div> 以上のようにマップを使ってリンクページの更にページ内リンク先に飛ばそうとしても そのページに飛ぶだけで、飛ばしたい位置まで行きません。 <a name="3"><img src="images/bar_3.jpg"></a> でもダメです。 どうしてでしょうか?

    • ベストアンサー
    • HTML
  • JavaScriptでリンクを設定したい

    JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか? よろしくお願いします!

  • スワップイメージ+リンクの変更

    まったくの素人ですが、お教えください。 以下のようなテーブルにそれぞれ画像とリンクをつけようとしています。 <table> <tr> <td rowspan="3"><a href="hoge.html"><img src="hoge.jpg"></a></td> <td><a href="a.html"><img src="a.jpg"></a></td> </tr> <tr><td><a href="b.html"><img src="b.jpg"></a></td></tr> <tr><td><a href="c.html"><img src="c.jpg"></a></td></tr> </table> a.jpg/b.jpg/c.jpg(以下、abc) がそれぞれメニューバーの項目で、 hoge.jpgを大きなメインの画面にしたいと思っています。 このとき、abcのいずれかをマウスオーバーするたびに、それぞれのイメージがhogeのエリアにスワップされ、かつそれぞれの項目のリンク(a.html/b.html/c.html)がhoge.htmlと置き換わるようなjavascriptを作りたいと考えています。 イメージのスワップだけならいくつも見つけることができたのですが、イメージとリンクが両方ともスワップされるようなものを、見つけることができませんでした。もしそのようなjavascriptがweb上にありましたら、お教えください。

  • jQueryで画像にリンクを張りたい

    HTMLページに <img src="1.jpg" width="50" height="50" id="tes"> というタグがあるのですが、 ページが読み込まれたときに、 そのタグにaタグをつけて <a href="hoge.html" target="_blank"><img src="1.jpg" width="50" height="50" id="tes"></a> とリンクを張りたいのですが以下のような スクリプトを書いてみたのですが、 できません。 <script type="text/javascript"> $(function(){ $('<img />').append($('<a />',{ href:"hoge.html", target:"_blank" }) ) }); </script> jQueryがよくわかっていないのでめちゃくちゃなのだと思いますが、 そもそもこのように画像にaタグをつけることは可能なのでしょうか。 jQueryのバージョンは1.2.6を使っていますが、 新しいバージョンでも構いません。 よろしくお願いします。

  • 別ページ特定場所へリンクした際にタイトルの後ろに#がつく

    素人的な質問ですみません。 別ページの特定場所にリンクしたいのですが、 リンクページに飛んだ際タイトルの後ろに#osと付きます。 原因がわかりません。よろしくお願いします。 ブラウザはIE7です。 リンク元に追加 <a href="p10.html#os"><img src="img/pic10.jpg" alt="" width="75" height="50" border="0" /></a> リンク先に追加 <a name="os" id="os"></a>

  • スワップイメージ+リンクの変更 その2

    たびたび御世話になります。 以前、QNo.4078462で質問させていただいた者です。 http://oshiete1.goo.ne.jp/qa4078462.html 質問させていただいた問題は解決できたのですが、修正が必要となりました。 自分でなんとか解決してみようと試みたのですが、 少し時間が無いために改めて質問させてください。 以下のようなテーブルにそれぞれ画像とリンクをつけようとしています。 <table> <tr> <td rowspan="3"><a href="hoge.html"><img src="hoge.jpg"></a></td> <td><a href="a.html"><img src="a.jpg"></a></td> </tr> <tr><td><a href="b.html"><img src="b.jpg"></a></td></tr> <tr><td><a href="c.html"><img src="c.jpg"></a></td></tr> </table> a.jpg/b.jpg/c.jpg(以下、abc) がそれぞれメニューバーの項目で、 hoge.jpgを大きなメインの画面にしたいと思っています。このとき、 1. abcのいずれかをマウスオーバーするたびに、それぞれのイメージがhogeのエリアにスワップされる 2. abcからマウスを外すとhoge.jpgに戻る の2点を満たすjavascriptを御教授ください。 2. の条件がある分、以前と違ってリンクまでスワップされる必要はありません。

  • リンクで違うページの指定箇所へ飛ばそうとしています。

    リンクで違うページの指定箇所へ飛ばそうとしています。 IEやsafariでは問題なく指定箇所に飛ぶのですが、 Firefoxだと何故か指定箇所ではなく、そのページの一番下に飛んでいきます。 IEは6、7、8 safariは4.0.2で、 Firefoxは3.6.6を使用しています。 Firefoxのバグなのでしょうか? (同じページ内の指定箇所だとちゃんと飛びます) 急ぎの為大変困っております。 ご回答お願い致します。 HTML-------------------------------------------------------------- <a href="http://~~~/●●.html#abc" /> 飛ばしたい場所 <div id="abc"> <img src="画像URL" border="0" alt="" /> </div>

  • リンクページがちゃんと画像表示されない

    PHP5.0、Smartyで開発しています(個人サイト) リンクを押すと、リンクページ(自サイト)は表示されるのですが、 画像などが表示されないことがあります。 .tplファイルなので、↓の同じリンクをいくつものファイルに書きましたが、ふつうにちゃんと表示されるページもあれば、リンクページの画像落ちといったページにもなります。 これはどうしてでしょうか? </div><!--header--> <ul id="menu"> <li><a href="{$info.back_url}">TOP</a></li> <li><a href="{$info.http_url}">記事一覧</a></li> <li><a href="{$info.http_url}/archive">過去ログ</a></li> <li><a href="{$info.http_url}/search">記事検索</a></li> <li><a href="{$info.http_url}/rss">RSS</a></li> <li><a href="{$info.https_url}/admin">管理者用</a></li> </ul> <img src="./image/main_img.jpg" alt="" width="760" height="340" id="main-img" />

    • ベストアンサー
    • PHP
  • リンクができない

    すみません、<a href="hoge.html"><img src="hoge.gif"><a/> という画像リンクを作りましたが、ブラウザ(IE7)に表示して 画像にカーソルを当てても手のひらにならず、リンクできません。 ほかの箇所はOKですが、テーブルで囲んだ一部だけ機能しません。 テーブルの外に持って行きましたが、やはり無理です。 もちろん全角は入ってません。 こんな現象は初めてです。どなたかわかる方教えてください。

    • ベストアンサー
    • HTML
  • リンクで画像を置き換えたい

    初心者ですが、よろしくお願いします。 たとえば 001.jpg 002.jpg 003.jpg という3つの画像ファイルがある場合に、 ---------------------------------- <html> <body> ~省略~ <a href = "#" onclick = "change_img(1)">画像1</a> <a href = "#" onclick = "change_img(2)">画像2</a> <a href = "#" onclick = "change_img(3)">画像3</a> <img src = "XXX.JPG> </body> </html> ---------------------------------- のような感じで画像1,2,3のリンクをクリックすることで、 ページ切り替えるのではなく、 XXX.JPGの部分のみ切り替えるscriptを考えているのですが、 ご教授願いないでしょうか? 要望としては、切替候補の複数の画像は ページをロードしたときに最初に全て読み込んでおいて、 リンククリック時の画像の切替をスピーディにしたいと考えています。 サンプルの上記例にそくしたサンプルのコードなどを 回答いただけると助かります。 よろしくお願いいたします。

専門家に質問してみよう