ページを簡単にjQueryでポップアップ！ jQuery PopUpWinodow | バシャログ。
こんばんは、先日右のみパーマをかけたishidaです。 最近はページや画像をlightbox系で表示する機会が多くなってきましたが、ポップアップで表示することも少なくありません。 今回ご紹介するのは、jQueryを使ったポップアッププラグイン jquery.popupwindow.js です。 設置方法 配布ページよりデータをダウンロードし、ポップアップを利用したいhtmlのhead要素などでファイルを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.popupwindow.js" type="text/javascript"></script> 表示する部分は以下です。 <a href="DUMMY.html" class="popupwindow">ポップアップ</a
strict な XHTML のままポップアップを実現する | バシャログ。
XHTML 1.0 strict では、targetを_blankに設定すると構文エラーとなります。 そこで jquery を使って XHTML は スマートな記述にして、ポップアップを実現します。 XHTMLのソースコード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="popup.js"></script> <ul> <li><a href="/">トップページ</a></li> <li><a href="/company/">会社概要</a></li> <li><a href="/blog/">ブログ</a></li> <li><a href="/help/">ヘルプ</a></li> </ul> jquery.js と ポップアップ用の popu
ROSS / Onclickを用いないポップアップJS
Wednesday, Jul 26, 2006 - 01:07 +09:00 単純なモノほど、奥が深い。一般的にポップアップ・ウィンドウは、 <a href="#" onclick="winOpen('./popup.html')"> ...みたいな感じで起動するんですが、ふと思いたってonclickの代わりにclassでポップアップさせるよう改造してみました。これでどうなるかって言うと、 <a href="./popup.html" class="popup"> ...みたいな感じで、まんま普通のHTMLになります ...とりあえず、こんな感じ。 サンプル HTML <a href="aaa.com" class="popup">ポップアップ</a> Javacript window.onload=autoPOP; function autoPOP() { var x = documen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
