• ベストアンサー

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

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

  • HTML
  • 回答数5
  • ありがとう数5

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

  • ベストアンサー
  • 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

  • 小さいウインドウ

    HPに小さいウインドウをひらいてそこにアンケートをつくりたいのですが <A HREF="アンケートの説明のURL" onClick='window.open("アンケート用紙のURL","ファイルの名前)","width=350,height=200,toolbar=no,location=no,directories=no, status=no,menubar=no,scrollbars=yes,resizable=yes")'">アンケート</a> 今このようにしているのですが 1回「アンケート」という所をクリックして小さいウインドウを開き、 アンケートの中身をかきこんで送信する前に 他のページに行ってまた「アンケート」というところをクリックすると 小さいウインドウのかきこんでおいたアンケートの内容が全て消えてしまうのですが、消えないようにするにはどうしたらいいでしょうか。 教えてください。

    • ベストアンサー
    • HTML
  • ブラウザサイズをフルサイズで表示させる方法

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } : <A href="javascript:wopen('/index.html')">

  • どうやっても新しいウインドウで開いてしまう 

    どうやっても新しいウインドウで開いてしまう タブで開きたいです。 IE9を使っています。 りそな銀行の一部のURLなのですが ツール→インターネットオプションのタブの設定で 「現在のウィンドウの新しいタブ」にしてるのに、 該当のURLをクリックすると必ず新しいウインドウで開いてしまいます。 ソースは <a onclick="javascript:PopupWinOpen(url, 'popup', 'width=1014,height=659,menubar=no,location=yes,toolbar=no,scrollbars=yes,resizable=yes,status=yes,directories=no');" id="ctl00_cphBizConf_lnkPointInq" href="javascript:__doPostBack('ctl00$cphBizConf$lnkPointInq','')">ポイント照会・交換申込等はこちら</a> です。 現在のウィンドウで開かせるのは不可能ですか? どのタグが原因なのですか? ご回答よろしくお願いします。

    • ベストアンサー
    • HTML
  • a Onclickでブラウザによってポップアップしない

    以下のa onClickで別ウィンドウを開くようにしたいのですが、 ウィンドウが2つ開いてしまいます。どうしてでしょうか? <a onClick="window.open('http://www.xxxxx.com/index.html','_blank','toolbar=no,status=no,location=no,directories=no,menubar=no,scrollbars=yes,resizable=yes,width=760,height=430')" target="_blank" style="text-decoration : none;" href="http://www.xxxxx.com/index.html">

  • リンクを新しいウィンドウで・・・

    ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください! リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。(ウィンドウを増やしたくないということです) ソースは <a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> こんなようなのがいくつも並んでいると考えてください。 このままだと当然ボタンを押した数だけブラウザが立ち上がってしまいますが、新しいウィンドウは1つにしたいのです。 説明がわかりづらくて申し訳ありませんが、どうぞ宜しくお願いします。

    • ベストアンサー
    • HTML
  • 親ウインドウのアドレスバーを消したい

    親ウインドウから子ウインドウを呼び出す時に、 LinkWin=window.open('newwin.html','_blank','MENUBAR=NO,SCROLLBARS=1,RESIZABLE=1'); として、アドレスバーを消す事が可能ですが、 それを親ウインドウでやりたいのです。 ソースを以下のように書いてみたのですが IE6.0では動作しません。 親ウインドウでは無理なのでしょうか? if(navigator.appName == 'Netscape'){ //自分自身をwindow.openで開いたと思わせる window.open('','_top','menubar=no,resizable=1'); } else if(navigator.appName =='Microsoft Internet Explorer'){ var w=window.open('','_top','menubar=no,resizable=0'); w.opener=window } 以上、宜しくおねがいします。

  • HP、リンク先を最大化で開く方法は?

    ホームページ作成講座・作成支援サイト『ともくんの部屋』(http://www4.ocn.ne.jp/~tomotan/)のページを参考に、下記のようにHTMLを書いたのですがうまくいきません。 <INPUT type="button" value="リンク先を最大化して開く" title="リンク先を新しいウィンドウで最大化して開きます" onClick="window.open('….html','','toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes'); moveTo(0,0); resizeTo(screen.availWidth,screen.availHeight);"> 最大化されずに開くのですが、どこがいけないのでしょうか? また、自分が思うには、,'','toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes'); moveTo(0,0); この部分はなくてもよいと思うのですか、消すとエラーを起して動きません。 このHTMLの構造についても教えて下さい。よろしくお願い致します。

    • ベストアンサー
    • HTML
  • リンクを新しいウィンドウで・・・2

    QNo.208725で質問した者です。 http://www.okweb.ne.jp/kotaeru.php3?q=208725  ↑読んでいただけるとありがたいです。 おかげさまでウィンドウがいくつも開くという問題は解決できたのですが、今度はクリックしても新しく開いたウィンドウがアクティブになってくれません(2回目のクリック以降)。 ブラウザの中身は確かに書き換わっているので、あとは見えてくれさえすれば・・・というところで困っています。 ソースは <a href="body.html" onclick="window.open('white.html','myWnd','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> これのwhite.htmlとwhite.jpgの部分が違うものが並んでいる感じです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • 開かれる側のファイルに、ツールバー非表示記述

    開かれる側のファイルに、ツールバー非表示やウィンドウサイズ指定などの記述をしたいのですが("width=300,height=400,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes"など?)、どう記述したらよろしいでしょうか。よろしくご回答のほど、お願いいたします。

  • java script作ったのですがうまく出来ません 1

    下記のを作成したのですがウインドウが3つめまでしか開きません。 ご指摘お願いします。初心者です。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function window_open(){ w1 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w2 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w3 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w4 = window.open("http://www.yahoo.co.jp/"," _blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w5 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w6 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes");

専門家に質問してみよう