• ベストアンサー

Webサイトでリンク先を新しいウインドウで開きたいのですが、上手くでき

Webサイトでリンク先を新しいウインドウで開きたいのですが、上手くできません。 Xhtml1.0/strictで作っています。 window.open()を使って写真などサイト内のページを別ウインドウで開く事はできるのですが、リンク先のサイトを開く場合の方法を教えて下さい。 javascriptについては殆ど分からないので、サンプルのコピペで対応しています。

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

  • ベストアンサー
  • nine999
  • ベストアンサー率44% (512/1140)
回答No.2

スクロールバーはwindows.open()で指定します。 http://javascriptist.net/ref/window.open.html こちらを参考にしてください。 3つめの要素の中でウインドウの細かな指示ができます。「scrollbars=yes」が表示の指示になります。 そのうち、URL表示覧は現在はブラウザのセキュリティ機能によって隠すことができないようになっています。

oyajin082
質問者

お礼

ありがとうございました。 何とか思った通りに表示する事ができました。

その他の回答 (1)

  • nine999
  • ベストアンサー率44% (512/1140)
回答No.1

写真を開くのもページを開くのも、どちらもURLを指定してwindow.open()で出来ますよ。 外部のサイトの場合は、ブラウザで開いたURLをそのまま、http://から始まるものを指定すれば外部のサイトに繋がります。

oyajin082
質問者

お礼

早々のお返事ありがとうございます。 何とか開きました。 追加の質問ですが、widthとheightを設定すると、スクロールせずに画面のサイズしか表示されませんが、サイズを指定して画面のスクロールが可能な方法があれば教えて下さい。

関連するQ&A

  • リンク設定の方法

    会社のWebサイトの管理を行っている者です。(独学なのでほぼ素人です) 現在、xhtmlのstrictでサイトを作っているので、リンク先を新しいウインドウで開く場合にonclick="window.open()"で新しいウインドウを開いています。 また、メニューもJavaScriptでドロップダウンメニューにしています。 しかし、タブレットやスマホではタッチイベントを使わなければならないようで、PCで見た場合とタブレットで見た場合の両方に対応させるにはどうしたらよいのでしょうか。 ネットで調べてみましたが、よくわかりません。 今後、リニューアルではhtml5を使うつもりですが、良い参考書があればご紹介下さい。 以上、2点についてアドバイスお願い致します。

  • Webサイト上にあるリンクについて

    Webサイト上にあるリンクは普通、別リンクですか? それとも、そのページがら、直接リンク先のページに飛ぶようになっていますか?

  • リンク先

    リンクを二つ表示させるタグで <!-- function CH1(p1,p2){ window.open(p1,"window1"); window.open(p2,"window2"); } //--> <a href="JavaScript:CH1('http://inhj.co.jp/','http://google.com/')">あいうえお</a> このようなものを見つけたんですよ これやるとどちらとも別窓で開くんです こちらとしては ファイルをダウンロードした時に解説ページが開くという具合にしたいんです 片方をそのままのページに表示 片方を別窓で表示 このようなことはできるんでしょうか?

    • ベストアンサー
    • HTML
  • 複数の画像からサイズを指定したウィンドウを開きたい

    JavaScriptの初心者です。 小さい画像を並べたサムネイルのようなページの各画像をクリックすると、詳細を表示するページにジャンプしたいです。このとき、サイズを指定した新しいウィンドウに表示させたいのですが、各画像ごとにジャンプ先のページが異なるため、それぞれにwindow.open();を書くのは面倒です。そこで、window.open();は一つで兼用し、リンク先がリンク元の画像ごとに違うようにするにはどのようなソースを書けばよいのでしょうか。

  • リンク先をジャバスクリプトで別ウィンドウで見せるとき他のリンクの色も変わってしまう II

    リンク先を別ウィンドウで飛ばすため、同じページにある他のリンクも <a href="#">AAAA</a>(これはポインタを手のマークに変えてリンクをわかり易くするためです) <a href="#">BBBB</a> のように指定していますが、これだと一度クリックしてしまうと 全てのリンクが訪問後の色に変わってしまいます。 この問題はどう改善できるのでしょうか? 前回質問のアドバイスを元に記述してみたのですが↓ <a href="javascript:function void(0)" onClick="window.open('../htm/1.htm','','scrollbars=yes,width=700,height=700')">1234</a> <a href="javascript:function void(0)" onClick="window.open('../htm/2.htm','','scrollbars=yes,width=700,height=700')">5678</a> やはりクリックしてみるとリンク全てが訪問後の色に変わってしまいました、

  • 別のウインドウを出す

    HTMLにて、Aというファイル内でリンク指定したジャンプ先をB、更にBというファイル内でリンク指定したジャンプ先をCとしたとき、それぞれJavascriptのopen_windowを使って、それぞれ別のページをウインドウの大きさを変えて表示させるようにしたいのですが、A→Bはうまくいくのですが、B→Cをすると、BのページがCに変わる(同一ウインドウでジャンプされる)だけで、Cを表示したいウインドウが新規に出てきません。 因みに、 <a href="javascript:open_window('ファイル名',form,width=200,height=200,left=0,top=0,resizable=yes,scrollbars=yes)">ジャンプ先</a> としています。 どこを修正すればいいか解らないので教えて下さい。よろしくお願いします。

  • マウスオーバーでリンク先を小ウインドウで表示させるには?

    こんにちは。 部品のカタログページ的なサイトを作っているのですが、似たような商品で仕様が少し異なるだけの物が大量にあり、見る側からすると毎回クリックしてリンク先の部品情報をみてまた戻って~を繰り返すのが面倒なようです。サイト構成を変更して見やすくする手もあるかと思うのですがなかなか難しく、 http://www.forest.impress.co.jp/article/2006/06/23/coolirispreviews.html のようなマウスをリンクに合わせると小ウインドウでリンク先を表示する様な事をIEのプラグインなしにjavascriptでWEBページ側に実装する方法はありませんでしょうか? どんな事でもありがたく頂戴しますのでアドバイスいただけると助かります。

  • リンクで別ウインドウを立ち上げる場合

    時間がなくて、ものすごい困っているので教えてください。 JavaScriptでテキストリンク部分から別ウインドウを立ち上げたいのですが、 <!-- function openWin() { window.open("sub.html","sub","width=320,height=240"); } // --> これだと一つのリンクと一つのウインドウにということになりますよね。 4つそういったリンクさせる場所が存在し、さらに同じサイズのウインドウを立ち上げたいのですが、4つを列記する場合はどうすればよいのでしょうか。javascript初心者なのでどうしてもわかりません。ご存じの方がいらっしゃいましたら、教えてください!

  • クリックランキング JavaScript+PHP

    クリックランキング JavaScript+PHPで作成しようと思います。 リンク画像をクリックすると、リンクページ先にページ移動&DBにクリックの値を追加をしたいのですが・・・・ おそらく、画像をクリックするとJavaScriptへリンク先URLと画像コードを渡して、リンク先は、Window.Openか何かで開いて、画像コードを PHPプログラムに渡すのではないかな?と思うのですが・・・。 書き方がいまいちわかりません。 サンプルコードかそのようなサイトはありませんでしょうか?? 教えて下さい。

  • web制作・小窓リンクの技

    web制作初心者です。 こちらのサイトの小窓の出し方を教えてください。 http://www.tv-asahi.co.jp/aibou/contents/cast/ 通常の別ウィンドウで、立ち上がるタイプの小窓リンクではなく、 このサイトの様に、小窓のOPEN&CLOSEを滑らかしたいのと、 小窓を任意の場所に移動させる技を知りたいです。 ソースをみてもイマイチよくわかりません。。。 こちらは、Javascriptを使用しているのでしょうか? また、このようなソースの解説やサンプルを紹介しているサイトがあれば、 教えて頂ければと思います。 よろしくお願い致します。

    • ベストアンサー
    • CSS

専門家に質問してみよう