Skip to content

Instantly share code, notes, and snippets.

@maechabin

maechabin/WPテーマsimplicityのJSファイル

Last active August 29, 2015 14:15
Show Gist options
  • Save maechabin/8ae98c40cd5b6f80295d to your computer and use it in GitHub Desktop.
Save maechabin/8ae98c40cd5b6f80295d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
WPテーマsimplicityのJSファイル
/////////////////////////////////
//TOPへ戻るボタン
/////////////////////////////////
jQuery(function(){
jQuery(window).scroll(function(){
//最上部から現在位置までの距離を取得して、変数[now]に格納
var now = jQuery(window).scrollTop();
//最上部から現在位置までの距離(now)が600以上
if(now > 600){
//[#page-top]をゆっくりフェードインする
jQuery('#page-top').fadeIn('slow');
//それ以外だったらフェードアウトする
}else{
jQuery('#page-top').fadeOut('slow');
}
//console.log(wrapperTop);
});
//ボタン(id:move-page-top)のクリックイベント
jQuery('#move-page-top').click(function(){
//ページトップへ移動する
jQuery('body,html').animate({
scrollTop: 0
}, 800);
});
});
/////////////////////////////////
//スクロール追従
/////////////////////////////////
(function(jquery) {
// var wrapperTop = 0;
// //-------------------------------------------------
// //非同期の読み込みでサイドバーの高さが変わるため
// //スクロール追従エリア作動場所がずれるのを防ぐ処理
// //※ここらへんの処理は重くはないはずだけど酷い
// //（良い方法があったら教えてください）
// function getWrapperTop() {
// var side = jQuery('#sidebar-widget'); // サイドバーのID
// wrapperTop = side.outerHeight();
// console.log(wrapperTop);
// }
//
// //5秒後にもスクロール追従領域の高さを取得
// setTimeout(function(){
// getWrapperTop();
// },5000);
//
// //10秒後にもスクロール追従領域の高さを取得
// setTimeout(function(){
// getWrapperTop();
// },10000);
//
// //20秒後にもスクロール追従領域の高さを取得
// setTimeout(function(){
// getWrapperTop();
// },20000);
//
// //30秒後にもスクロール追従領域の高さを取得
// setTimeout(function(){
// getWrapperTop();
// },30000);
//
// //60秒後にもスクロール追従領域の高さを取得
// setTimeout(function(){
// getWrapperTop();
// },60000);
//
// //何もかも読み込んだ後のスクロール追従領域の高さを取得
// jQuery(window).load(function(){
// getWrapperTop();
// })
// //-------------------------------------------------
jquery(document).ready(function() {
/*
Ads Sidewinder
by Hamachiya2. http://d.hatena.ne.jp/Hamachiya2/20120820/adsense_sidewinder
*/
var main = jQuery('#main'); // メインカラムのID
var side = jQuery('#sidebar'); // サイドバーのID
var wrapper = jQuery('#sidebar-scroll'); // スクロール追従要素のID
var side_top_margin = 40;
if (!wrapper.size()) {return;}//スクロール追従エリアにウイジェットが入っていないときはスルー
if (side.css('clear') == 'both') {return;}//レスポンシブでサイドバーをページ下に表示しているときはスルー
if (main.length === 0 || side.length === 0 || wrapper.length === 0) {
return;
}
var w = jquery(window);
var wrapperHeight = wrapper.outerHeight();
wrapperTop = wrapper.offset().top;//とりあえずドキュメントを読み込んだ時点でスクロール追従領域の高さを取得
var sideLeft = side.offset().left;
//console.log(wrapperTop);
var sideMargin = {
top: side.css('margin-top') ? side.css('margin-top') : 0,
right: side.css('margin-right') ? side.css('margin-right') : 0,
bottom: side.css('margin-bottom') ? side.css('margin-bottom') : 0,
left: side.css('margin-left') ? side.css('margin-left') : 0
};
var winLeft;
var pos;
var scrollAdjust = function() {
sideHeight = side.outerHeight();
mainHeight = main.outerHeight();
mainAbs = main.offset().top + mainHeight;
var winTop = w.scrollTop()+side_top_margin;
winLeft = w.scrollLeft();
var winHeight = w.height();
var nf = (winTop > wrapperTop) && (mainHeight > sideHeight) ? true : false;
pos = !nf ? 'static' : (winTop + wrapperHeight) > mainAbs ? 'absolute' : 'fixed';
if (pos === 'fixed') {
side.css({
position: pos,
top: '',
bottom: winHeight - wrapperHeight,
left: sideLeft - winLeft,
margin: 0,
marginBottom: '-'+side_top_margin+'px'
});
} else if (pos === 'absolute') {
side.css({
position: pos,
top: mainAbs - sideHeight,
bottom: '',
left: sideLeft,
margin: 0,
marginBottom: '-'+side_top_margin+'px'
});
} else {
side.css({
position: pos,
marginTop: sideMargin.top,
marginRight: sideMargin.right,
marginBottom: sideMargin.bottom,
marginLeft: sideMargin.left
});
}
};
var resizeAdjust = function() {
side.css({
position:'static',
marginTop: sideMargin.top,
marginRight: sideMargin.right,
marginBottom: sideMargin.bottom,
marginLeft: sideMargin.left
});
sideLeft = side.offset().left;
winLeft = w.scrollLeft();
if (pos === 'fixed') {
side.css({
position: pos,
left: sideLeft - winLeft,
margin: 0,
marginBottom: '-'+side_top_margin+'px'
});
} else if (pos === 'absolute') {
side.css({
position: pos,
left: sideLeft,
margin: 0,
marginBottom: '-'+side_top_margin+'px'
});
}
};
w.on('load', scrollAdjust);
w.on('scroll', scrollAdjust);
w.on('resize', resizeAdjust);
});
})(jQuery);
/////////////////////////////////
// メニューボタンの開閉
/////////////////////////////////
jQuery(document).ready(function() {
jQuery('#mobile-menu-toggle').click(function(){
header_menu = jQuery('#navi ul');
if (header_menu.css('display') == 'none') {
//header_menu.removeClass('display-hide').addClass('display-block');
header_menu.slideDown();
} else{
//header_menu.removeClass('display-block').addClass('display-hide');
header_menu.slideUp();
};
});
});
/////////////////////////////////
// imgタグからwidth、height、border属性を削除
/////////////////////////////////
//jQuery(document).ready(function(jQuery){
// jQuery('img').each(function(){
// jQuery(this).removeAttr('width')
// jQuery(this).removeAttr('height');
// jQuery(this).removeAttr('border');
// });
//});
jQuery(function(){
jQuery(window).scroll(function(){
//console.log(jQuery('#sidebar').css('clear'));
//最上部から現在位置までの距離を取得して、変数[now]に格納
var now = jQuery(window).scrollTop();
var sharebar = jQuery('#sharebar');
if (!sharebar.size()) {return;}
var main = jQuery('#main');
var sharebar_top = sharebar.offset().top;
var sharebar_h = sharebar.outerHeight();
var main_top = main.offset().top;
var main_h = main.outerHeight();
var bottom_line = main_h-400;
if(now < (main_h-sharebar_h)){
if (now > main_top) {
//sharebar.fadeIn('fast');
sharebar.css({
position: 'fixed',
top: '70px'
});
} else{
sharebar.css({
position: 'absolute',
top: main_top+70
});
};
}else{
//sharebar.fadeOut('fast');
sharebar.css({
position: 'absolute',
top: main_h-sharebar_h
});
}
//console.log(sharebar_h);
});
});
///////////////////////////////////
////レスポンスに表示時のメニューの挙動
///////////////////////////////////
//jQuery(function(){
// jQuery(window).resize(function(){
// if ( jQuery(window).width() > 1150 ) {
// jQuery('ul.menu').show();
// jQuery('.menu > ul').show();
// //console.log(jQuery('#navi ul.sub-menu').css('display'));
// if ( jQuery('#navi ul.sub-menu').css('display') == 'block' ||
// jQuery('#navi ul.children').css('display') == 'block' ) {
// jQuery('#navi ul.sub-menu').hide();//removeClass('display-block').addClass('display-hide');
// jQuery('#navi ul.children').hide();//removeClass('display-block').addClass('display-hide');
// };
// }else{
// jQuery('ul.menu').hide();
// jQuery('.menu > ul').hide();
// };
// })
//});
/////////////////////////////////
//コメントからvcardの削除
/////////////////////////////////
//jQuery(function(){
// jQuery('.comment-author').removeClass('vcard');
//});
/////////////////////////////////
////Instagram、Amazonコンテナのクラス付け替え
/////////////////////////////////
//jQuery(function(){
// //srcにinstagramが含まれているiframe要素を探す
// jQuery('.video-container .video iframe[src*="instagram"]').each(function(){
// //親コンテナ要素のclassの付け替え
// jQuery(this).parent().removeClass('video').addClass('instagram');
// //親の親コンテナ要素のclassの付け替え
// jQuery(this).parent().parent().removeClass('video-container').addClass('instagram-container');
// });
// //srcにAmazonが含まれているiframe要素を探す
// jQuery('.video-container .video iframe[src*="amazon"]').each(function(){
// //親コンテナ要素のclassの付け替え
// jQuery(this).parent().removeClass('video').css('display', 'inline');
// //親の親コンテナ要素のclassの付け替え
// jQuery(this).parent().parent().removeClass('video-container').css('display', 'inline');
// });
//});
//全画像の左寄せ解除
//jQuery(function(){
// jQuery('.article img.alignleft').removeClass('alignleft');
//});
//var $;
// $ = jQuery;
//
//SNS = {
// ajax: function (surl,query){
// var def = $.Deferred();
// $.ajax({
// type: "GET",
// url: surl,
// data: query,
// dataType: 'jsonp',
// success: def.resolve,
// error: def.reject
// });
// return def.promise();
// },
// twitter: function(url){
// var def = $.Deferred();
// $.ajax({
// type: "GET",
// url: 'http://urls.api.twitter.com/1/urls/count.json',
// data: { "url": url },
// dataType: "jsonp",
// success: def.resolve,
// error: def.reject
// });
// return def.promise();
// },
// twitterShow: function (selecter,count){
// jQuery( selecter ).text( count );
// },
// feedly: function (surl,query){
// var def = $.Deferred();
// $.ajax({
// type: "GET",
// url: surl,
// data: query,
// dataType: 'html',
// success: def.resolve,
// error: def.reject
// });
// return def.promise();
// },
//};
//
//// Twitterの反応（ツイートやリツイート数）を取得
//function get_social_count_twitter(url, selcter) {
// var surl,query;
// surl = 'http://urls.api.twitter.com/1/urls/count.json';
// query = { url: url };
//
// SNS.twitter(url,query).done(function(data){
// //jQuery( selcter ).text( data.count || 0 );
// SNS.twitterShow(selcter, (data.count || 0));
// return true;
// });
// /* こちらでも動きます
// SNS.ajax(surl,query).done(function(data){
// jQuery( selcter ).text( data.count || 0 );
//
// });
// */
//}
//
//// Facebookの反応（いいねとシェアの数）を取得
//function get_social_count_facebook(url, selcter) {
// var surl = 'https://graph.facebook.com/' + url;
// var query = "";
//
// SNS.ajax(surl,query).done(function(data){
// jQuery( selcter ).text( data.shares || 0 );
// }).fail(function(jqXHR, textStatus, errorThrown){
// console.log("fb: ",textStatus);
// //jQuery( selcter ).text( '0' );
// });
//}
//
////Google＋のシェア数を取得
//function get_social_count_googleplus(url, selcter) {
// var query, SURL,surl, tmpQuery1;
//
// SURL = "http://query.yahooapis.com/v1/public/yql?env=http://datatables.org/alltables.env&format=xml&q="
// tmpQuery1 = "SELECT content FROM data.headers WHERE url='"
// + "https://plusone.google.com/_/+1/fastbutton?hl=ja&url=" + url
// + "' and ua='Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 5.1)'";
// query = "";
// surl = SURL + encodeURIComponent(tmpQuery1);
//
// SNS.ajax(surl,query).done(function(json){
// //console.log(json);
// var count, m, _ref;
// count = 0;
// if (((_ref = json.query) != null ? _ref.count : void 0) > 0) {
// m = json.results[0].match(/window\.__SSR = {c: ([\d]+)/);
// if (m != null) {
// count = m[1];
// }
// }
// jQuery( selcter ).text(count);
// });
//}
//
////はてなブックマークでシェア数を取得
//function get_social_count_hatebu(url, selcter) {
// var surl,query;
//
// surl = 'http://api.b.st-hatena.com/entry.count';
// query = { url: url };
//
// SNS.ajax(surl,query).done(function(data){
// jQuery( selcter ).text( data || 0 );
// })
//}
//
////ポケットのストック数を取得
//function get_social_count_pocket(url, selcter) {
// var SURL,query,tmpQuery1;
//
// SURL = "http://query.yahooapis.com/v1/public/yql?env=http://datatables.org/alltables.env&format=xml&q=";
// tmpQuery1 = "SELECT content FROM data.headers WHERE url='"
// + "https://widgets.getpocket.com/v1/button?label=pocket&count=vertical&v=1&url=" + url
// + "' and ua='Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 5.1)'";
// surl = SURL + encodeURIComponent(tmpQuery1) + "&r=" + (Math.random() * 100000000);
// query = "";
//
// SNS.ajax(surl,query).done(function(json){
// var count, m, _ref;
// count = 0;
// if (((_ref = json.query) != null ? _ref.count : void 0) > 0) {
// m = json.results[0].match(/em id="cnt"&gt;(\d+)&lt;/);
// if (m != null) {
// count = m[1];
// }
// }
//
// jQuery( selcter ).text(count);
// });
//}
//一旦戻す
// Twitterのシェア数を取得
function get_social_count_twitter(url, selcter) {
jQuery.ajax({
url:'http://urls.api.twitter.com/1/urls/count.json',
dataType:'jsonp',
data:{
url:url
},
success:function(res){
jQuery( selcter ).text( res.count || 0 );
},
error:function(){
jQuery( selcter ).text('0');
}
});
}
//Facebookのシェア数を取得
function get_social_count_facebook(url, selcter) {
jQuery.ajax({
url:'https://graph.facebook.com/',
dataType:'jsonp',
data:{
id:url
},
success:function(res){
jQuery( selcter ).text( res.shares || 0 );
},
error:function(){
jQuery( selcter ).text('0');
}
});
}
//Google＋のシェア数を取得
function get_social_count_googleplus(url, selcter) {
jQuery.ajax({
type: "get", dataType: "xml",
url: "http://query.yahooapis.com/v1/public/yql",
data: {
q: "SELECT content FROM data.headers WHERE url='https://plusone.google.com/_/+1/fastbutton?hl=ja&url=" + url + "' and ua='#Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36'",
format: "xml",
env: "http://datatables.org/alltables.env"
},
success: function (data) {
var content = jQuery(data).find("content").text();
var match = content.match(/window\.__SSR[\s*]=[\s*]{c:[\s*](\d+)/i);
var count = (match != null) ? match[1] : 0;
jQuery( selcter ).text(count);
}
});
}
//はてなブックマークではてブ勝を取得
function get_social_count_hatebu(url, selcter) {
jQuery.ajax({
url:'http://api.b.st-hatena.com/entry.count?callback=?',
dataType:'jsonp',
data:{
url:url
},
success:function(res){
jQuery( selcter ).text( res || 0 );
},
error:function(){
jQuery( selcter ).text('0');
}
});
}
//ポケットのストック数を取得
function get_social_count_pocket(url, selcter) {
jQuery.ajax({
type: "get", dataType: "xml",
url: "http://query.yahooapis.com/v1/public/yql",
data: {
q: "SELECT content FROM data.headers WHERE url='https://widgets.getpocket.com/v1/button?label=pocket&count=vertical&v=1&url=" + url + "' and ua='#Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36'",
format: "xml",
env: "http://datatables.org/alltables.env"
},
success: function (data) {
var content = jQuery(data).find("content").text();
var match = content.match(/<em id="cnt">(\d+)<\/em>/i);
var count = (match != null) ? match[1] : 0;
jQuery( selcter ).text(count);
}
});
}
//feedlyの購読者数を取得
function get_social_count_feedly(rss_url, selcter) {
jQuery.ajax({
type: "get", dataType: "json",
url: "http://query.yahooapis.com/v1/public/yql",
data: {
q: "SELECT content FROM data.headers WHERE url='http://cloud.feedly.com/v3/feeds/feed%2F" + encodeURIComponent(rss_url) + "' and ua='#Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.154 Safari/537.36'",
format: "json",
env: "http://datatables.org/alltables.env"
},
success: function (data) {
count = data.query.results.resources.content.json['subscribers']
//console.log(count);
jQuery( selcter ).text(count);
}
});
}
///////////////////////////////////
////レスポンスに表示時のメニューの挙動
///////////////////////////////////
jQuery(function(){
jQuery(window).resize(function(){
if ( jQuery(window).width() > 1150 ) {
jQuery('#navi-in ul').removeAttr('style');
};
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment