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:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.otogawa.com/cms/mt-tb.cgi/173
Listed below are links to weblogs that reference
onclickを使わずclassでポップアップさせるjavascript from px*blog