/*
* modify.js
*
* Copyright (c) 2011 Taro Nagata,Shimpei Kaieda (http://peopletown.jp/)
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
*
*include jQuery ifixpng plugin
*include yuga.js 0.7.1
*/
//コンフリクトさせない
jQuery.noConflict();
/* ifixpng使わないので削除してある
//↓yuga
/*
* 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() {
//_onを使うセレクタを指定
// $.yuga.selflink({
// selfLinkAreaSelector: '#navi'
// });
// $.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: '_on',
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要素が含まれていたら現在用画像（_on）に設定
$(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);
});
$('div, dl').each(function(){
$(this).children('dl:odd').addClass(c.evenClass);
$(this).children('dl: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);
(function($) {
// 1. マウスオーバーで画像を変更
$(function(){
$('a img').hover(function(){
$(this).attr('src', $(this).attr('src').replace('_off', '_on'));
}, function(){
if (!$(this).hasClass('currentPage')) {
$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
}
});
});
/*
// 2. 外部リンクを別タブで開く
$(function(){
$("a[href^='http://']").attr("target","_blank");
});
*/
// 3. ページトップへスクロールする
$(function(){
$("#to_pagetop a").click(function(){
$('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top }, 'slow','swing');
return false;
})
});
/* 4. Div全体をクリックできるようにする
$(function(){
$(".sampleBox").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
});
*/
// 5. テーブルの偶数・奇数の行の色を変える
$(function(){
$("tr:odd").addClass("odd");
});
/* 6. リンク切れ画像を差し替える
$(function () {
$('img').error(function(){
$(this).attr({src:'http://webcreatorbox.com/sample/images/missing.jpg',alt:'画像が見つかりません'});
});
});
*/
/* 7.CSSハックを使わずブラウザーごとにCSSを変更
$(function () {
// IE（IE7以上）
if ($.browser.msie && $.browser.version > 6 ) $(".browserBox").css("background", "#ff99cc" );
// IE（IE6以下）
if ($.browser.msie && $.browser.version <= 6 ) $(".browserBox").css("background", "#ffff99" );
// Firefox
if ($.browser.mozilla ) $(".browserBox").css("background", "#c8ffd0" );
// Safari
if( $.browser.webkit ) $(".browserBox").css("background", "#b1e1ff" );
});
*/
/* 8. 画像のプリローダー
$(function () {
$('.imgBox img').hide();//ページ上の画像を隠す
});
var i = 0;
var int=0;
$(window).bind("load", function() {//ページコンテンツのロードが完了後、機能させる
var int = setInterval("doThis(i)",500);//フェードするスピード
});
function doThis() {
var images = $('img').length;//画像の数を数える
if (i >= images) {// ループ
clearInterval(int);//最後の画像までいくとループ終了
}
$('img:hidden').eq(0).fadeIn(500);//一つずつ表示する
i++;
}
*/
// 9. IE6以下ユーザーにメッセージを表示
$(function () {
if ( $.browser.msie && $.browser.version <= 6 ) {
$('body').prepend('あなたは旧式ブラウザをご利用中です。このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。
');
}
});
/* 10. Divを消す
$(function () {
$(".deleteBox .delete").click(function(){
$(this).parents(".deleteBox").animate({ opacity: "hide" }, "slow");
});
});
*/
// 11. フォーカスしているフォームのラベルにクラスをつける
$(function () {
$("form :input").focus(function() {
$("label[for='" + this.id + "']").addClass("labelfocus");
});
$("form :input").blur(function() {
$("label[for='" + this.id + "']").removeClass("labelfocus");
});
});
// 12. フォームにテキストを入れておき、フォーカスで消す（文字色も変更）
$(function(){
$(".focus").focus(function(){
if(this.value == "キーワードを入力"){
$(this).val("").css("color","#f39");
}
});
$(".focus").blur(function(){
if(this.value == ""){
$(this).val("キーワードを入力").css("color","#969696");
}
});
});
// 13. 入力文字数をカウント
$(function () {
$("textarea").keyup(function(){
var counter = $(this).val().length;
$("#countUp").text(counter);
if(counter == 0){
$("#countUp").text("0");
}
if(counter >= 10){
$("#countUp").css("color","red");
} else{$("#countUp").css("color","#666");}
});
});
// 14. ラジオボタンとチェックボックスを装飾する
$(function(){
$(".checkbox").change(function(){
if($(this).is(":checked")){
$(this).next("label").addClass("LabelSelected");
}else{
$(this).next("label").removeClass("LabelSelected");
}
});
$(".radio").change(function(){
if($(this).is(":checked")){
$(".RadioSelected:not(:checked)").removeClass("RadioSelected");
$(this).next("label").addClass("RadioSelected");
}
});
});
/* 15. スライドパネル
$(function(){
$(".open").click(function(){
$("#slideBox").slideToggle("slow");
});
});
*/
/* 16. アコーディオン
$(function() {
$('#accordion dd').hide();
$('#accordion dt a').click(function(){
$('#accordion dd').slideUp();
$(this).parent().next().slideDown();
return false;
});
});
*/
/* 17. ツールチップ
$(function(){
$(".tooltip a").hover(function() {
$(this).next("span").animate({opacity: "show", top: "-75"}, "slow");}, function() {
$(this).next("span").animate({opacity: "hide", top: "-85"}, "fast");
});
});
*/
// 18. プリントダイアログを表示
$(function(){
$('a.print').click(function(){
window.print();
return false;
});
});
/*
// 19. Twitter最新のTweetを表示
$(function(){
$.getJSON("http://twitter.com/statuses/user_timeline/webcreatorbox.json?callback=?", function(data) {
$("#twitter").html(data[0].text);
});
});
*/
/* 20. 効果音を入れる
$(function(){
// クリック
$('a.click').click(function(){
$('embed').remove();
$('body').append('