[mootools]validな別窓リンク

mootoolsで別窓表示させる方法。
※このサンプルは前バージョン(1.1.2)で書いたものなので1.2では動かないかも

日本だと、別サイト=別窓という認識が一般的なので、法人サイトなんかで別のサイトを表示させるリンクが別窓じゃないと「何でこれ別窓じゃないの?」とか言われてしまうこともしばしば。
でも別窓表示の target=”_blank”は、XHTMLだと非推奨要素なのでjavascriptを使う。
普通に書くと色々面倒だからmootoolsというライブラリを使用する。


a.ID設定で別窓を開く

var Wopen = $("open");
var openurl = Wopen.getProperty('href');
var opentitle = Wopen.getProperty('title');
Wopen.addEvent('click', function(){ Wopen.setProperty('href', '#');
window.open(openurl,opentitle,[Options]);
});

openというidが設定されたリンク等で別窓表示にする。
クリックできる要素なら何でも別窓を開くことが出来る。
window.open~~のところでサイズなんかを設定。

IDはページ内に1つしか使えないので、1箇所しか別窓を開かない場合とか、複数のページに同じサイズの窓を開くリンクがある場合に有効。

b.Class設定で別窓を開く

$$(".open").each(function(opens){
opens.addEvent('click', function(){
var openurl = opens.getProperty('href');
opens.setProperty('href', '#');
window.open(openurl);
});
});

openというクラスを追加すると別窓表示になる。
このスクリプトではリンク別に窓のサイズ指定はできない。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください