• ベストアンサー

親ウィンドウがページ先頭にもどってしまいます

HTMLでホームページ作成作業をしています。 各所でページ内容の詳細を小ウィンドウで表示させるようにしているのですが、小ウィンドウが開くとクリックしたもとの親ウィンドウがページの先頭まで戻ってしまいます。クリックしても親ページが動かない方法がありましたらご教授願います。ちなみにタグはこんな感じです。宜しくお願いします。 <a href="#" onClick="window.open('photo001.html','','width=630,height=450,menubar=no,resizable=yes,scrollbars=yes,status=no,');">写真あり</a>

質問者が選んだベストアンサー

  • ベストアンサー
  • Manuel
  • ベストアンサー率43% (43/98)
回答No.5

<a href="photo001.html" onClick="window.open('','newWin','width=630,height=450,menubar=no,resizable=yes,scrollbars=yes,status=no')" target="newWin">写真あり</a> こんな感じでどうでしょう? 非対応の場合は普通の構成の新しいウィンドウで開きます。 ところで各所で開くなら <script language="javascript"><!-- function openWindow(){ window.open('','newWin','width=630,height=450,menubar=no,resizable=yes,scrollbars=yes,status=no'); } // --></script> を<head>内にでも書いて、リンクごとに <a href="photo001.html" onClick="openWindow()" target="newWin">写真あり</a> のhrefを換えると、すっきりとした作りになると思います。

nitro2106
質問者

お礼

ありがとうございます。javascriptはなるべく使いたくないので(javascriptに詳しくないせいかMacの知り合いからよく見れないとか崩れてるとかの苦情があるので)上記のやり方でいい感じになったので使わせていただきます。本当にありがとうございます。

その他の回答 (4)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.4

window.open の後にreturn false をつけるとか 例 onClick="window.open(…);return false;"

nitro2106
質問者

お礼

返事おそくなり申し訳ありません。 No.5さんの方法で納得いく結果になりましたので、その方法でさせていただきます。ありがとうございました。

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.3

<a href="#" onClick="window.open(・・・)"> というのはjavascript非対応ブラウザにとっての マナーだと考えてください。もしこれを href="javascript:void(0)"で指示をしてしまうと、 非対応ブラウザでは誤動作します。 たとえばこんな対応もありますので検討なさると よろしいかと。 <script language="javascript"> <!-- document.write('<a href="javascript:void(0)" onClick="window.open(\'photo001.html\')">写真あり</a>'); //--> </script> <noscript> <a href="photo001.html" target="_blank">写真あり</a> </noscript>

nitro2106
質問者

お礼

返事おそくなり申し訳ありません。非対応ブラウザだとどう誤作動するのかわかりませんが、なるべくおおくの人に障害なく見て欲しいののもありいろいろ試したところNo.5さんの方法で納得いく結果になりましたので、その方法でさせていただきます。ありがとうございました。

  • X-trail_00
  • ベストアンサー率30% (438/1430)
回答No.2

href="javascript:void(0)" に変更すれば問題ないです。

nitro2106
質問者

お礼

ありがとうございます。 上記の方法でなっとくいく常態になりました。 void(0)って意味がまったくもってわかってないんですが…(笑 javascriptは苦手なんですが避けて通れないもんなんですかねぇ

  • tsukachan
  • ベストアンサー率42% (202/470)
回答No.1

<a href="#" ↑ アンカーポイントが先頭に指示してあるので戻るのは当然かと。 該当アンカーポイントにしましょう。

nitro2106
質問者

お礼

早速の返答ありがとうございます。 #の後ろに<a name="×××">の×××の部分を記入すればいいんですね?やってみなす。

関連するQ&A