// FontChanger // Copyright (c) 2007 Hirotaka Ogawa // REQUIRES: prototype.js, cookiemanager.js FontChanger = Class.create(); FontChanger.prototype = { id: null, cookieManager: null, cookieName: 'body.style.fontSize', initialize: function(id) { this.id = id || 'fontChanger'; this.cookieManager = new CookieManager(); var fontSize = this.cookieManager.getCookie(this.cookieName); if (fontSize) document.getElementById("ID").style.fontSize = fontSize; }, setCookieShelfLife: function(days) { this.cookieManager.cookieShelfLife = days; }, change: function(fontSize) { document.getElementById("ID").style.fontSize = fontSize; this.cookieManager.setCookie(this.cookieName, fontSize); }, reset: function() { document.getElementById("ID").style.fontSize = ''; this.cookieManager.clearCookie(this.cookieName); }, show: function() { var id = this.id; document.writeln([ '

', '

', '

', '

', '

　

　

　

　

　

　

あ行	あ	い	う	え	お
か行	か	き	く	け	こ
さ行	さ	し	す	せ	そ
た行	た	ち	つ	て	と
な行	な	に	ぬ	ね	の
は行	は	ひ	ふ	へ	ほ
ま行	ま	み	む	め	も
や行	や	ゆ	よ
ら行	ら	り	る	れ	ろ
わ行	わ	を	ん

', '

' ].join("\n")); Event.observe($(id + '-small' ), 'click', this.onClickSmall.bind(this)); Event.observe($(id + '-medium'), 'click', this.onClickMedium.bind(this)); Event.observe($(id + '-large' ), 'click', this.onClickLarge.bind(this)); }, onClickSmall: function(e) { this.change('80%' ); }, onClickMedium: function(e) { this.change('100%'); }, onClickLarge: function(e) { this.change('120%'); } }; // Bootstrap FontChanger.start = function(id) { var fontChanger = new FontChanger(id); fontChanger.show(); };