• ベストアンサー

別のウィンドウを開いた時に、元のウインドウがトップに移動してしまう

ページの下の方に小さな画像を張り、クリックするとウィンドウのサイズを指定した別のウィンドウが開くようにしました。 すると元の(小さな画像を張った)ウィンドウがそのページのトップに移動してしまいます。固定できないのでしょうか? ソースは <A href="#" onclick="window.open('リンク先名','win1','width=820,height=520,toolbar=no,nebubar=no');"> です。 よろしくお願いします。

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

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

  • ベストアンサー
  • y3k
  • ベストアンサー率61% (16/26)
回答No.1

hrefの属性値が「#」となっているためです。 <a href="javascript:void(0)"> とするとウィンドウの位置を固定できます。

sinasoba25
質問者

お礼

さっそくの回答ありがとうございました。 やってみました。みごとに解決しました。 ほんとうに、たすかりました。

関連するQ&A

  • 意図しない別ウインドウも同時に開いてしまいます

    <A HREF="#" onClick="window.open('mailer.htm','k2','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=460, height=320')">お問い合わせ</a> 上記のようなリンクをトップページに作りました。 新しく開くウインドウ(mailer.htm)のサイズを固定しようと思ったためです。 目的通りmailer.htmは固定サイズのウインドウで開かれるのですが、それと同時にトップページ(index.htm)も(サイズは通常のサイズで)別ウインドウで開いてしまいます。 これはどういったものが問題なんでしょうか。 index.htmが別ウインドウでさらに開くというアクションが不要なのですが。。。 よろしくご教授ください。

    • ベストアンサー
    • HTML
  • 複数別ウィンドウを開いた場合

    <a href="sub.html" onClick="window.open('sub.html','subwin','width=300,height=300,left=0,top=0'); return false;">開く</a> のリンクから別ウィンドウを開き、 また違うリンクを上記のソースの方法で開いた場合、IEでは、下のタスクバーにしまったままで画面が出てきません。この対処方法はありますでしょうか? どなたか教えていただけないでしょうか?

  • ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい

    過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。(下記参照) <script type="text/javascript"> <!-- function win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。 どうぞご指南よろしくお願いします!

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

    ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください! リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。(ウィンドウを増やしたくないということです) ソースは <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
  • 別窓を開くリンクでリンク元に画像を使用したいのですけども・・・

    いつもお世話になります。 また、問題が発生致しました。 javaScriptで別窓を開くリンクでリンク元に画像を利用したいのですけども検索しても文字からのリンクしか見つからず画像からのリンクを教えて頂きたいのですが、よろしくご指導お願い致します。 <SCRIPT LANGUAGE="JavaScript"> <!--- function wopen1(){ window.open("http://www.yahoo.co.jp","yahoo", "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=500,height=300") } //---> リンク元で画像を使いたいです。 <A HREF="javascript: wopen1()">ウィンドウ1</A> これをどのように書き換えれば画像からリンクできますでしょうか? お手数かけますがお願いいたします。

  • ブラウザサイズをフルサイズで表示させる方法

    ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 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')">

  • 新しい子ウィンドウを開くと古い子ウィンドウのすぐ上に表示されるようにしたい。

    Javascript初心者です。わかりやすく具体的に教えてください。 親ウィンドウから画像1、画像2にリンクを張り、それぞれ子ウィンドウとして開きます。 現在はつぎのようにしています。 <script type="type/javascript"> function wopen1{ window.open('画像1のURL','new1',scrollbars=no,resizable=no,width=420,height=280');} function wopen2{ window.open('画像2のURL','new2',scrollbars=no,resizable=no,width=300,height=450');} </script> <body> <a href="#" onClick="wopen1()">画像1</a> <a href="#" onClick="wopen2()">画像2</a> </body> これだと画像1を開いた後に画像2を開くと階層的(レイヤー的?)に上から順に「画像2の子ウィンドウ>親ウィンドウ>画像1の子ウィンドウ」と表示されます。 これを「画像2の子ウィンドウ>画像1の子ウィンドウ>親ウィンドウ」の順で表示されるようにしたい。 また、画像2を開いた後に画像1を開く場合は同様に「画像1の子ウィンドウ>画像2の子ウィンドウ>親ウィンドウ」となるようにしたい。 どうしたらよいでしょうか? よろしくお願いします。

  • 別窓リンクの問題点は?

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか? -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は?

  • JavaScriptを使用して小窓を開く際・・

    現在HPを作成しており、JavaScriptを使用して小窓を開くように設定しております。 ページは縦に長く、小窓を開くリンクはページの最下部に貼っています。 リンクをクリックすると小窓は開くのですが、なぜか親ページがページ最下部からトップにスクロールしてしまうのです。 最下部に留めるようにしたいのですが、どうすればよいのでしょうか。 リンク部分には下記のように記載しております。 <A href="#" onclick="window.open ('http://*****', 'new','toolbar=no, location=no,directories=no, scrollbars=yes, resizable=no, status=no,width=600,height=430');">*** (B)</A>

  • 特定の時間帯だけ有効にする

    以下のスクリプトはウィンドウを同時に2つ開くものですが、20~23時の時間帯だけスクリプトを有効にしたいです。 どのように記述すればできますか? <SCRIPT TYPE="text/javascript"> <!-- function WindowOpen(){ window.open("ttp://192.168.0.12/cgi-bin/music/","window","toolbar=no, height=200, width=200"); window.focus(); } //--> </SCRIPT> </HEAD> <BODY> <A HREF=ttp://192.168.0.12/ onClick="WindowOpen();window.focus();">トップページへ</A>

専門家に質問してみよう