//---------------------------------------------------- // Name: jquery_setting.js // Date Created:2009/07/07 [] // Last Updated:2009/07/07 [] //---------------------------------------------------- /* ====================================================================== initRollOverImages 適用したスタイルの画像がロールオーバーになる。 マウスオン画像はマウスオフ画像に "_on" をつけたものにすること。 ====================================================================== */ function initRollOverImages() { var image_cache = new Object(); $("img.swap").not("[src*='_on.']").each(function(i) { var imgsrc = this.src; var dot = this.src.lastIndexOf('.'); var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4); image_cache[this.src] = new Image(); image_cache[this.src].src = imgsrc_on; $(this).hover( function() { this.src = imgsrc_on; }, function() { this.src = imgsrc; } ); }); } $(document).ready(initRollOverImages); /* ====================================================================== $.changeLetterSize.addHandler(func) 文字の大きさが変化した時に実行する処理を追加 ====================================================================== */ jQuery.changeLetterSize = { handlers : [], interval : 1000, currentSize: 0 }; (function($) { var self = $.changeLetterSize; /* 文字の大きさを確認するためのins要素 */ var ins = $('M').css({ display: 'block', visibility: 'hidden', position: 'absolute', padding: '0', top: '0' }); /* 文字の大きさが変わったか */ var isChanged = function() { ins.appendTo('body'); var size = ins[0].offsetHeight; ins.remove(); if (self.currentSize == size) return false; self.currentSize = size; return true; }; /* 文書を読み込んだ時点で 文字の大きさを確認しておく */ $(isChanged); /* 文字の大きさが変わっていたら、 handlers中の関数を順に実行 */ var observer = function() { if (!isChanged()) return; $.each(self.handlers, function(i, handler) { handler(); }); }; /* ハンドラを登録し、 最初の登録であれば、定期処理を開始 */ self.addHandler = function(func) { self.handlers.push(func); if (self.handlers.length == 1) { setInterval(observer, self.interval); } }; })(jQuery); /* ====================================================================== $(expr).flatHeights() $(expr)で選択した複数の要素について、それぞれ高さを 一番高いものに揃える 内に記述 $(function() { $('#store_list > div').flatHeights(); $('#ad, #main, #nav').flatHeights(); $('.box1').flatHeights(); }) ====================================================================== */ (function($) { /* 対象となる要素群の集合 */ var sets = []; /* 高さ揃えの処理本体 */ var flatHeights = function(set) { var maxHeight = 0; set.each(function(){ var height = this.offsetHeight; if (height > maxHeight) maxHeight = height; }); set.css('height', maxHeight + 'px'); }; /* 要素群の高さを揃え、setsに追加 */ jQuery.fn.flatHeights = function() { if (this.length > 1) { flatHeights(this); sets.push(this); } return this; }; })(jQuery);