onclickを使わずclassでポップアップさせるjavascript
- Category : coding > javascript / 2007.09.01 Sat 11:01
- permalink
onclickを用いないポップアップjsを見つけました。
最近classやidでjavascriptを実行させるtipsが流行っていますねー。結構使いやすくてすぐ飛びついちゃいます。ソースはいたってシンプル。
■サンプル
詳細なサンプル
簡易なサンプル↓
popup windowを開く
■</header>手前に入れます。
■ソース（リンクの書き方）
■メリット
リンク先をhrefに入れているので、javascriptOffの場合は普通にリンク。
ポップアップでなく新しい窓/タブで開くを選択することも可能。
cssで.popupに別窓アイコンの装飾をすることも忘れずできる♪
参考元：ROSS / 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