たった8行!簡単PopUpWindowFront End Programming

たった8行!簡単PopUpWindow

jQuery

手間がかからずたった8行で簡単にJQueryで実装できるのでメモしてます。そのかわり、素っ気ないしまったくオシャレじゃないです。ご了承ください。

とにかく簡単にガスっと実装したいときにどうぞ

JSのwindow.open()を使って別Windowでリンクを開きます。
いたってシンプルです。

jQueryだとこんな感じのコードでOK。

ポップアップを設定したいリンクの任意のクラスの名前を付けるだけ。

//jQuery
<script>
    $(function() {
        $("クラス名").click(function(){
            window.open(this.href, "WindowName", "width=〇〇, height=〇〇,resizable=yes,scrollbars=yes");
            return false;
        });
    });
</script>
 
//HTML
<a href="開きたいファイルのリンク">PopUpWindowOpen</a>

まとめ

ちょっとしたこと、些細なことの方がいざとなったら忘れてしまうんですよね。
解説や肉付けが必要なら、後日追記でもいいので忘れないうちにメモっておくことは大切だなーって思います。

日々Tipsをストックしておくと後日、すごく助けられますからね!!

関連記事もあわせてお読みください

Read More Blogs

Web制作に関する人気の記事

セブ島・海外移住に関する人気の記事

キャリアアップ・ライフスタイルに関する人気の記事

管理人について

IT戦士:かみーゆ

私、フロントエンドエンジニアのかみーゆです。日本でフロントエンドを中心に約10年Web制作 →→→ セブ島に転職してエンジニア講師 →→→ オフショア開発担当者(イマココ)。13歳の頃から「好きなように生きて好きなように死ぬ」が人生のKPI。なので、「楽しいか」、「かっこいいか」でやることを判断・取捨択一しています。好きなものは肉とビール。

About Me