Igaloglog

以前、ポップアップウインドウをOnclickでなくclassで開くという記事を書いてました。その中で、

問題点としては、各ポップアップウインドウ毎にサイズやスクロールバーの有無を個別指定できないことです。

とぼやいていたら、うちのケーキ（ケイク）大好きプログラマがサイズ変更可能バージョンを作ってくれました。
さすがだぜ！

手順なんかは、以前の記事と一緒です。ポップアップウインドウをOnclickでなくclassで開く参照。

Javascript
とりあえず、popup.js で。
（2008/08/28追記）なぜかシングルクオートが半角になってくれないので、こちらからJSファイルをダウンロードしてご利用ください。申し訳ない。popup.js

window.onload = function (){
	var node_a = document.getElementsByTagName('a');
		for (var i in node_a) {
			if(node_a[i].className == 'popup'){
				node_a[i].onclick = function() {
					return winOpen(this.href, this.rel)
				};
			}
		}
} ;

function winOpen(url, rel) {
	var split = rel.split(',') ;
	window.open(
	url,'popup',
	'width='+ split[0] +',height='+ split[1] +',toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');

	return false;
};

前回同様、head 内で読み込み、ポップアップしたいリンクを普通にリンクした後、class=”popup” を追加します。

で、ここからが前回と違うところ。活目。

<a href="http://www.yahoo.co.jp" rel="300,500" class="popup">ウィンドウ01</a>

rel がついてますな。
そう、JSファイル内でウインドウサイズを指定していたのをHTML側で rel を用いて指定しているんです。litebox みたなノリですな。
rel=”300,500″　で横300、縦500のウインドウがポップアップで開きます。

こんな感じで各ポップアップリンクに個別にウインドウサイズを指定できるようになりました。
さすがだぜプログラマ！

（2008/08/28追記）
ぎゃあああ！大変申し訳ありません！
上記Javascript一部間違ってました！全角のシングルクオートが入ってました！申し訳ない！
今まで使おうと思って作動しなかったよ、という方々！もしいらっしゃいましたら本当にごめんなさい！
もーぉマジでごめんなさい！
なんか半角になってくれないので、こちらからJSファイルをダウンロードしてご利用ください。申し訳ない。
popup.js