px*blog  > coding > javascript
コメントアウトをきれいにつける | main | よく使うtableレイアウト用css一式

onclickを使わずclassでポップアップさせるjavascript

onclickを用いないポップアップjsを見つけました。
最近classやidでjavascriptを実行させるtipsが流行っていますねー。結構使いやすくてすぐ飛びついちゃいます。ソースはいたってシンプル。

■サンプル
詳細なサンプル
簡易なサンプル↓
popup windowを開く

■</header>手前に入れます。
<script type="text/javascript" src="popup.js"></script>

■ソース（リンクの書き方）
<a href="popup.html" class="popup">popup windowを開く</a>


■メリット
リンク先をhrefに入れているので、javascriptOffの場合は普通にリンク。
ポップアップでなく新しい窓/タブで開くを選択することも可能。
cssで.popupに別窓アイコンの装飾をすることも忘れずできる♪

参考元：ROSS / Onclickを用いないポップアップJS
ありがとうございました。

Comments

seo services vancouver | 2012/03/02 07:13 PM
I want to say that you really helped me to understand the subject of px*blog | onclickを使わずclassでポップアップさせるjavascript
seo vancouver | 2012/03/02 04:58 PM
I appreciate all the effort you put into writing this post about px*blog | onclickを使わずclassでポップアップさせるjavascript . I will post a backlink back to your blog on my website as I think some of my clients might find it interesting.
web designers vancouver | 2012/02/27 09:05 AM
px*blog | onclickを使わずclassでポップアップさせるjavascript Is what I was looking for. Thank you for the information.
人妻熟女妊婦のマニアな世界 | 2011/10/25 11:49 PM
=QwZ9Y[A, jj.ex-navi.biz, 人妻熟女妊婦のマニアな世界, http://jj.ex-navi.biz/ninpu/101.html

Post


ご利用のブラウザ、設定ではご利用になれません。

Trackbacks

Trackback URL：
Permalink URL：
Search this site
Categories

pagetop