/* * yuga.js 0.7.1 - 優雅なWeb制作のためのJS * * Copyright (c) 2009 Kyosuke Nakamura (kyosuke.jp) * Licensed under the MIT License: * http://www.opensource.org/licenses/mit-license.php * * Since: 2006-10-30 * Modified: 2009-01-27 * * jQuery 1.3.1 * ThickBox 3.1 */ /* * [使用方法] XHTMLのhead要素内で次のように読み込みます。 */ (function($) { $(function() { // $.yuga.selflink(); $.yuga.rollover(); $.yuga.externalLink(); // $.yuga.thickbox(); $.yuga.scroll(); // $.yuga.tab(); // $.yuga.stripe(); // $.yuga.css3class(); }); //--------------------------------------------------------------------- $.yuga = { // URIを解析したオブジェクトを返すfunction Uri: function(path){ var self = this; this.originalPath = path; //絶対パスを取得 this.absolutePath = (function(){ var e = document.createElement('span'); e.innerHTML = ''; return e.firstChild.href; })(); //絶対パスを分解 var fields = {'schema' : 2, 'username' : 5, 'password' : 6, 'host' : 7, 'path' : 9, 'query' : 10, 'fragment' : 11}; var r = /^((\w+):)?(\/\/)?((\w+):?(\w+)?@)?([^\/\?:]+):?(\d+)?(\/?[^\?#]+)?\??([^#]+)?#?(\w*)/.exec(this.absolutePath); for (var field in fields) { this[field] = r[fields[field]]; } this.querys = {}; if(this.query){ $.each(self.query.split('&'), function(){ var a = this.split('='); if (a.length == 2) self.querys[a[0]] = a[1]; }); } }, //現在のページと親ディレクトリへのリンク selflink: function (options) { var c = $.extend({ selfLinkAreaSelector:'body', selfLinkClass:'current', parentsLinkClass:'parentsLink', postfix: '_cr', changeImgSelf:true, changeImgParents:true }, options); $(c.selfLinkAreaSelector+((c.selfLinkAreaSelector)?' ':'')+'a[href]').each(function(){ var href = new $.yuga.Uri(this.getAttribute('href')); var setImgFlg = false; if ((href.absolutePath == location.href) && !href.fragment) { //同じ文書にリンク $(this).addClass(c.selfLinkClass); setImgFlg = c.changeImgSelf; } else if (0 <= location.href.search(href.absolutePath)) { //親ディレクトリリンク $(this).addClass(c.parentsLinkClass); setImgFlg = c.changeImgParents; } if (setImgFlg){ //img要素が含まれていたら現在用画像(_cr)に設定 $(this).find('img').each(function(){ this.originalSrc = $(this).attr('src'); this.currentSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2"); $(this).attr('src',this.currentSrc); }); } }); }, //ロールオーバー rollover: function(options) { var c = $.extend({ hoverSelector: '.btn, .allbtn img', groupSelector: '.btngroup', postfix: '_on' }, options); //ロールオーバーするノードの初期化 var rolloverImgs = $(c.hoverSelector).filter(isNotCurrent); rolloverImgs.each(function(){ this.originalSrc = $(this).attr('src'); this.rolloverSrc = this.originalSrc.replace(new RegExp('('+c.postfix+')?(\.gif|\.jpg|\.png)$'), c.postfix+"$2"); this.rolloverImg = new Image; this.rolloverImg.src = this.rolloverSrc; }); //グループ内のimg要素を指定するセレクタ生成 var groupingImgs = $(c.groupSelector).find('img').filter(isRolloverImg); //通常ロールオーバー rolloverImgs.not(groupingImgs).hover(function(){ $(this).attr('src',this.rolloverSrc); },function(){ $(this).attr('src',this.originalSrc); }); //グループ化されたロールオーバー $(c.groupSelector).hover(function(){ $(this).find('img').filter(isRolloverImg).each(function(){ $(this).attr('src',this.rolloverSrc); }); },function(){ $(this).find('img').filter(isRolloverImg).each(function(){ $(this).attr('src',this.originalSrc); }); }); //フィルタ用function function isNotCurrent(i){ return Boolean(!this.currentSrc); } function isRolloverImg(i){ return Boolean(this.rolloverSrc); } }, //外部リンクは別ウインドウを設定 externalLink: function(options) { var c = $.extend({ windowOpen:true, externalClass: 'externalLink', addIconSrc: '' }, options); var uri = new $.yuga.Uri(location.href); var e = $('a[href^="http://"]').not('a[href^="' + uri.schema + '://' + uri.host + '/' + '"]'); if (c.windowOpen) { e.click(function(){ window.open(this.href, '_blank'); return false; }); } if (c.addIconSrc) e.not(':has(img)').after($('')); e.addClass(c.externalClass); }, //画像へ直リンクするとthickboxで表示(thickbox.js利用) thickbox: function() { try { tb_init('a[href$=".jpg"]:not(.thickbox, a[href*="?"]), a[href$=".gif"][href!="?"]:not(.thickbox, a[href*="?"]), a[href$=".png"][href!="?"]:not(.thickbox, a[href*="?"])'); } catch(e) { } }, //ページ内リンクはするするスクロール scroll: function(options) { //ドキュメントのスクロールを制御するオブジェクト var scroller = (function() { var c = $.extend({ easing:100, step:30, fps:60, fragment:'' }, options); c.ms = Math.floor(1000/c.fps); var timerId; var param = { stepCount:0, startY:0, endY:0, lastY:0 }; //スクロール中に実行されるfunction function move() { if (param.stepCount == c.step) { //スクロール終了時 setFragment(param.hrefdata.absolutePath); window.scrollTo(getCurrentX(), param.endY); } else if (param.lastY == getCurrentY()) { //通常スクロール時 param.stepCount++; window.scrollTo(getCurrentX(), getEasingY()); param.lastY = getEasingY(); timerId = setTimeout(move, c.ms); } else { //キャンセル発生 if (getCurrentY()+getViewportHeight() == getDocumentHeight()) { //画面下のためスクロール終了 setFragment(param.hrefdata.absolutePath); } } } function setFragment(path){ location.href = path } function getCurrentY() { return document.body.scrollTop || document.documentElement.scrollTop; } function getCurrentX() { return document.body.scrollLeft || document.documentElement.scrollLeft; } function getDocumentHeight(){ return document.documentElement.scrollHeight || document.body.scrollHeight; } function getViewportHeight(){ return (!$.browser.safari && !$.browser.opera) ? document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight : window.innerHeight; } function getEasingY() { return Math.floor(getEasing(param.startY, param.endY, param.stepCount, c.step, c.easing)); } function getEasing(start, end, stepCount, step, easing) { var s = stepCount / step; return (end - start) * (s + easing / (100 * Math.PI) * Math.sin(Math.PI * s)) + start; } return { set: function(options) { this.stop(); if (options.startY == undefined) options.startY = getCurrentY(); param = $.extend(param, options); param.lastY = param.startY; timerId = setTimeout(move, c.ms); }, stop: function(){ clearTimeout(timerId); param.stepCount = 0; } }; })(); $('a[href^=#], area[href^=#]').not('a[href=#], area[href=#]').each(function(){ this.hrefdata = new $.yuga.Uri(this.getAttribute('href')); }).click(function(){ var target = $('#'+this.hrefdata.fragment); if (target.length == 0) target = $('a[name='+this.hrefdata.fragment+']'); if (target.length) { scroller.set({ endY: target.offset().top, hrefdata: this.hrefdata }); return false; } }); }, //タブ機能 tab: function(options) { var c = $.extend({ tabNavSelector:'.tabNav', activeTabClass:'active' }, options); $(c.tabNavSelector).each(function(){ var tabNavList = $(this).find('a[href^=#], area[href^=#]'); var tabBodyList; tabNavList.each(function(){ this.hrefdata = new $.yuga.Uri(this.getAttribute('href')); var selecter = '#'+this.hrefdata.fragment; if (tabBodyList) { tabBodyList = tabBodyList.add(selecter); } else { tabBodyList = $(selecter); } $(this).unbind('click'); $(this).click(function(){ tabNavList.removeClass(c.activeTabClass); $(this).addClass(c.activeTabClass); tabBodyList.hide(); $(selecter).show(); return false; }); }); tabBodyList.hide() tabNavList.filter(':first').trigger('click'); }); }, //奇数、偶数を自動追加 stripe: function(options) { var c = $.extend({ oddClass:'odd', evenClass:'even' }, options); $('ul, ol').each(function(){ //JSでは0から数えるのでevenとaddを逆に指定 $(this).children('li:odd').addClass(c.evenClass); $(this).children('li:even').addClass(c.oddClass); }); $('table, tbody').each(function(){ $(this).children('tr:odd').addClass(c.evenClass); $(this).children('tr:even').addClass(c.oddClass); }); }, //css3のクラスを追加 css3class: function() { //:first-child, :last-childをクラスとして追加 $('body :first-child').addClass('firstChild'); $('body :last-child').addClass('lastChild'); //css3の:emptyをクラスとして追加 $('body :empty').addClass('empty'); } }; })(jQuery);