コピペで簡単!クリックしてサブウインドウを表示させよう

サブウインドウTOP

 

ネットショップやサイトを作成しているとき、リンク先を新しいタブで開くように設定することってよくありますね。

たとえば、購入ガイドとかよくある質問のページなんかを新しいタブで開いたりすると、ショップサイトが今見ている画面からぜんぜん見えなくなってしまいます。

見えなくなるのが嫌なので、今回は、リンク先をサブウインドウで表示するようにしてみよう。

Sponsored Links

サブウインドウを表示する方法

まずは、下記のサブウインドウのサンプルを試しにクリックしてみてください。

このブログのトップページがサブウインドウで表示されます。

 

サンプルサブウインドウページ

 

テキストや画像をクリックすると、サブウィンドウを開くスクリプトです。

 

実装は至って簡単。
<body>~</body>内のサブウインドウが開くテキストなり画像を置くところに

上記を記述します。

 

テキストの場合

 

画像(アイコン)の場合

 

 

サブウィンドウの横幅、サブウィンドウの高さの設定は、

width=幅

height=高さ

の数字をすきな大きさの数字に変更してください。

 

 

参考閲覧者に不便をかけない「サブウインドウ」を開く方法

Sponsored Links

SNSでもご購読できます。

コメント

  1. そよかぜ より:

    TAKAさん
    はじめまして!
    そよかぜと申します。
    人気ブログランキングより飛んで参りました。
    素敵なサイトですね~^^
    とっても参考になる情報ばかりで!
    サブウインドの開き方って意外に簡単なんですね!
    応援☆させて頂きました!
    またお邪魔させてください。

コメントを残す

*

CAPTCHA