/*
* fuga.js 0.1.1 - 優雅なWeb制作のためのJS
*
* Copyright (c) 2012 accorde.jp
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
* Since: 2012-03-24
* Modified: 2015-03-12
*
* jQuery 1.11.1
* Lightbox v2.7.1
*
* based on yuga.js 0.7.2 - 優雅なWeb制作のためのJS
*
* Copyright (c) 2009 Kyosuke Nakamura (kyosuke.jp)
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
*/
/*
* [使用方法] XHTMLのhead要素内で次のように読み込みます。
*/
(function($) {
$(function() {
//$.fuga.selflink();
$.fuga.rollover();
$.fuga.lightbox2();
$.fuga.externalLink();
$.fuga.scroll();
$.fuga.tab();
$.fuga.stripe();
//$.fuga.css3class();
//$.fuga.imageFade({objects: ''});
});
//---------------------------------------------------------------------
$.fuga = {
// URIを解析したオブジェクトを返すfunction
Uri: function(path){
var self = this;
this.originalPath = path;
//絶対パスを取得
this.absolutePath = (function(){
var e = document.createElement('a');
e.href = path;
return e.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 $.fuga.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: '.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 $.fuga.Uri(location.href);
var e = $('a[href^="http://"],a[href^="https://"]').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);
},
//画像へ直リンクするとLightbox2で表示
lightbox2: function() {
if(!navigator.userAgent.match(/(iPhone|iPod|Android)/)){
$('a[href$=".jpg"],a[href$=".JPG"],a[href$=".gif"],a[href$=".png"]').attr('rel','lightbox');
}
},
//ページ内リンクはするするスクロール
scroll: function(options) {
//ドキュメントのスクロールを制御するオブジェクト
$('a[href^="#"],area[href^="#"]').click(function(){
var Hash = $(this.hash);
var HashOffset = $(Hash).offset().top;
if(!navigator.userAgent.match(/(iPhone|iPod|Android)/)){
HashOffset -= 69;
}
$("html,body").animate({
scrollTop: HashOffset
}, 500);
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 $.fuga.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');
},
imageFade: function(options){
var c = $.extend({
objects: '',
fadeOpacity: 0.7
}, options);
obj = c.objects.split(',');
for(i = 0; i < obj.length; i++){
$(obj[i]).bind('mouseover focus', function() {
$(this).stop(true, false).animate({
opacity: c.fadeOpacity
}, 300, 'swing', false);
}).bind('mouseout blur', function() {
$(this).stop(true, false).animate({
opacity: 1
}, 300, 'swing', false);
});
}
}
};
})(jQuery);