トップページ → アンカーラボ → オープンソース - JavaScript:SmartPopup
window.open()を記述せずに別ウィンドウで開く事が出来ます。SEOにも効果があると思われます。
さらに、JavaScriptが利用できない環境では同じウィンドウにhrefのページを開きます。
<!-- <head>~に記述</head> --> <script type="text/javascript" src="smartpopup.js"></script> <!-- <head>~に記述</head> --> <body onload="smartPopup('width=300px,height=300px,scrollbars=no');"> <!-- <body>~</body> --> <a href="http://www.google.co.jp" rel="smartPopup">www.google.co.jp</a>| <a href="http://www.google.co.jp" rel="smartPopup:width=100px,height=100px,scrollbars=yes">www.google.co.jp</a> <!-- <body>~</body> -->
パラメータ値 | デフォルト値 | 備考 |
---|---|---|
window_open_option | "" | 省略可。window.openの第3引数を指定します。この値はデフォルト値として使われます。 |
trigger_name | "smartPopup" | 省略可。a要素のrel属性にこの値がセットしてある場合にイベントが発生します。 |
window_name | "wxxxxxxxxxxxx" | 省略可。window.openの第2引数を指定します。省略時はランダムな文字列を使用します。 |
パラメータ値 | デフォルト値 | 備考 |
---|---|---|
window_open_option | "" | 省略可。window.openの第3引数を指定します。この値はデフォルト値として使われます。 |
パラメータ値 | デフォルト値 | 備考 |
---|---|---|
name | smartPopup | 省略可ですが、optionがある場合は省略出来ません。
例)rel="autopopup" |
option | 無し | 省略可。コロン(:)からwindow.openの第3引数を指定します。カンマ区切りで記述します。
Window名を指定する場合は、name=Window名をオプションに含めてください。 例):width=100px,height=300px,name=popupWnd |