/*============================================================================
* 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
==============================================================================*/
(function($) {
$(function() {
//自ページへのリンクの場合 .current を追加
$.yuga.selflink({
changeImgSelf: false,
changeImgParents: false
});
$.yuga.rollover(); //.button で _over 画像を読み込んでロールオーバー
$.yuga.scroll(); //ページ内アンカーをスムーズスクロール ※スマートフォンではsmoothScroll.jsを使用
//$.yuga.tab(); //.tabNavで簡易タブ機能
$.yuga.stripe(); //テーブルに奇数(odd)と偶数(even)クラスを付加
});
/*----------------------------------------------------------------------------
ボタン -> .button .allButton .buttonGroup
------------------------------------------------------------------------------*/
$.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: '.button, .allButton img',
groupSelector: '.buttonGroup',
postfix: '_over'
}, 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',
notWindowURL: '',
addIconSrc: '',
pdfIconSrc: ''
}, options);
var uri = new $.yuga.Uri(location.href);
var e = $('a[href^="http://"], a[href^="https://"], a.exLink').not('a[href^="' + uri.schema + '://' + uri.host + '/' + '"]').not(c.notWindowURL);
if (c.windowOpen) {
e.click(function(){
window.open(this.href, '_blank');
return false;
});
}
if (c.addIconSrc) e.not(':has(img)').append($('
'));
e.addClass(c.externalClass);
$('a[href$=".pdf"]').not(':has(img)').before($('
'));
},
//画像へ直リンクするとthickboxで表示(thickbox.js利用)
thickbox: function() {
try {
colorbox('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[id^=#], area[id^=#]');
var tabBodyList;
tabNavList.each(function(){
this.hrefdata = new $.yuga.Uri(this.getAttribute('id'));
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).fadeIn(800);
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);
/*============================================================================
input image
http://factory.yusukenakanishi.com/javascript/jquery/rollover/
==============================================================================*/
$(function(){
// imgのclassが.rolloverとinput:imageのclassが.buttonに適応。ただし画像のファイル名に_overがついているimg以外。
$('img.rollover, form input:image.button').not('[src*="'+ '_over' +'."]').each(function() {
var img = $(this);
var src = img.attr('src');
// _overをつける。Memoを参考。
// src.substr(0, src.lastIndexOf('.')); → img/rollover
// src.substr(0, src.lastIndexOf('.')) + '_over'; → img/rollover_over
// src.substr(0, src.lastIndexOf('.')) + '_over' + src.substring(src.lastIndexOf('.'); → img/rollover_over.gif
var src_on = src.substr(0, src.lastIndexOf('.')) + '_over' + src.substring(src.lastIndexOf('.'));
// ロールオーバー画像をプリロード
$('![]()
').attr('src', src_on);
img.hover(function() {
img.attr('src', src_on);
},
function() {
img.attr('src', src);
});
});
});
/*============================================================================
Simple Toggle with CSS & jQuery Accordion
http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/
==============================================================================*/
/*
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggleContainer").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$("h3.accordion").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
*/
/*============================================================================
jquery Sliding Login Panel
http://web-kreation.com/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
==============================================================================*/
/*
$(document).ready(function() {
// Expand Panel
$("#open").click(function(){
$(".panel").slideDown("slow");
});
// Collapse Panel
$("#close").click(function(){
$(".panel").slideUp("slow");
});
// Switch buttons from "Log In | Register" to "Close Panel" on click
$("#toggle a").click(function () {
$("#toggle a").toggle();
});
});
*/
/*============================================================================
jquery Tab Pulldown + jquery.url.js
Yoshitaka Ninuma
==============================================================================*/
;(function ($){
$.tablink = {
op : {
navigationSelector : "#tabNav",
contentSelector : ".tabContent",
tabLinkSelector : "a.tab",
activeClass : "active"
},
init : function () {
var ts = this;
var p = this.op;
// url情報を設定
$.url.setUrl(window.location);
p.url = $.url.parsed();
if (p.url.file == null) {
// デフォルトを設定
p.url.file = 'index.html';
}
// コンテンツ表示
if ($(p.contentSelector).length != 0) {
$(p.contentSelector).hide(); //Hide all content
if(p.url.anchor == '' || p.url.anchor == null || $(".tabContent").filter('[id="' + p.url.anchor + '"]').length === 0){
// 先頭タブ
var firstTab = $(p.navigationSelector + " li a").filter(":first");
// タブリストの中で先頭のものをアクティブに
firstTab.addClass(p.activeClass);
// 先頭タブのID要素のコンテンツを表示
$(p.contentSelector).filter(firstTab.attr("id")).fadeIn();
} else {
// アンカーで指定されたタブをアクティブに
$(p.navigationSelector + " a").each(function () {
if ($(this).attr("id") == "#" + p.url.anchor) {
$(this).addClass(p.activeClass);
}
});
// アンカーで指定されたコンテンツを表示
$(p.contentSelector).filter("#" + p.url.anchor).fadeIn();
}
$("html, body").animate({scrollTop: $("#title").offset().top + "px"}, 500);
}
// イベント生成
$(p.navigationSelector + " li a").click(function (e) { ts.tabChange(e, this); });
// タブに関連したリンクにイベントを付ける
$(p.tabLinkSelector).click(function (e) { ts.tabChange(e, this); });
},
tabChange : function (e, target) {
var p = this.op;
// href情報を取得
if (e.currentTarget.href != "") {
$.url.setUrl(e.currentTarget.href);
var href = $.url.parsed();
if (href.file == null) {
href.file = "index.html";
}
var locationPath = p.url.directory + p.url.file;
var hrefPath = href.directory + href.file;
var isSameUrl = (locationPath == hrefPath);
var anchor = "#" + href.anchor;
var tabAnchorLength = $(".tabContent").filter('[id="' + href.anchor + '"]').length;
} else {
var isSameUrl = true;
var anchor = $(target).attr("id");
var tabAnchorLength = $(".tabContent").filter('[id="' + anchor.substr(1) + '"]').length;
}
// hrefのURLが今のURLと同じかどうか調べる
if (isSameUrl && tabAnchorLength != 0) {
// 同じだったらアンカーのタブを表示
e.preventDefault();
$(p.navigationSelector + " li a").each(function () {
$(this).removeClass(p.activeClass);
if ($(this).attr("id") == anchor) {
$(this).addClass(p.activeClass);
}
});
$(p.contentSelector).hide(); //Hide all tab content
$(p.contentSelector).filter(anchor).fadeIn(); //Fade in the active ID content
$("html, body").animate({scrollTop: $("#title").offset().top + "px"}, 500);
return false;
} else {
return true;
}
}
};
$.fn.tablink = function (option) {
$.tablink = $.extend($.tablink, option);
return this.each(function () {
$.tablink.init();
});
}
})(jQuery);
$(document).ready(function() {
$(this).tablink();
});
/*============================================================================
ファイル名を取得
http://accentplus.blog134.fc2.com/blog-entry-50.html
==============================================================================*/
/*
$(document).ready(function() {
// ファイル名を取得する為の関数
function GetFileName(file_url){
file_url = file_url.substring(file_url.lastIndexOf("/")+1,file_url.length)
// 拡張子を取り除かない場合は次の行をコメントアウトしてください
file_url = file_url.substring(0,file_url.indexOf("."));
return file_url;
}
});
*/
/* ================================================================
ドロップダウンメニュー jQuery Simple Drop-Down Menu Plugin
http://javascript-array.com/scripts/jquery_simple_drop_down_menu/
=================================================================== */
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}
function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}
$(document).ready(function()
{ $('#dropDown > li').bind('mouseover', jsddm_open);
$('#dropDown > li').bind('mouseout', jsddm_timer);});
document.onclick = jsddm_close;