pochi-tools

jQuery.pochiOverrides.js ver 0.1.0 (BETA 1)

※色んなプラグインがAndroidのChromeで誤動作する時!!!


原因はinnerHeightやouterHeight、heightなんかの値が文字列で「px」が付いているからなんですよねぇ・・
これを使うとソースを変更しないでも、元の関数をオーバーライドして数値に変換してくれるので問題を回避してくれます。(かな?)
jquery.pochiOverrides.js [ 2014/10/08 ]

jQuery.flickScrollbar ver 1.2.3

jQuery.flickSimple.js や jQuery.flickable.js に、iPhone風のスクロールバーがあれば良いのに・・・
と思って作ってみました!
合わせて使うとiPhone風のスクロールバーが付けられるjQueryです
2013/02/24 jquery.flickgal.jsでの動作確認もできました!!

※jQuery.flickScrollbar.js単独では使えないと思う・・


jQuery.flickScrollbar.js [ 2013/04/09 ]

(2013/04/09)
 ver 1.2.3 touchEvent発生時のpropagation問題に対応しました。

jQuery.flickEndless ver 1.0.3

フリック操作で無限スクロール化できるドラムロール式プラグインです。
CSS Tansform、Translate3dを使っているので、iPhoneやAndroidモバイルでも軽快に動作させることができます。
動作確認:iPad iPhone iPod Android(Tablet/Phone) Chrome(Windows) IE9(Windows) Safari(Max OSX10.7)

jQuery.flickEndless.js [ 2013/04/12 ]

jQuery.flickhelper ver 0.1.1

jQuery.flickSimple.js や jQuery.flickable.js に、iPhone風のスクロールバーがあれば良いのに・・・
と思って作ってみたのが jQuery.flickScrollbar でした!
でも今度は、それに加えて <a>タグだけでなく、他のタグでもクリックイベントが使えればなぁ・・
と言うことで、また作ってみました!

※また単独では使えないと思う・・


jQuery.flickhelper.js [ 2013/04/14 ]

commentEraser ver 1.1.1

開発者が作成した保守用のコメントを「/*!」で始まるコメントを除き削除します!
簡単で、つまらないプログラムですが、作るとなると面倒くさいので・・・

2013-02-27 残すコメントに「 //! 」を追加しました。
2013-03-01 バイナリィ入出力に変更し、入力ファイルの改行コードを残すようにしました。
2013-04-19 削除対象の「//」コメントは行ごと削除するようにしました。

・対象言語 コメントを「 /* */ 」「 // 」で記入する言語(C Java phpなど)

※自分で作る手間分ぐらい得する(笑)


commentEraser.jar [ 2013/04/10 ]


Oracle Database 11g Express Edition for Linux

JA16SJISでインストール

Oracle Database 11g Express Edition Linux版をJA16SJISでインストールしてみました!
JA16SJIS Oracle 11g Express Linux版 [ 2013/03/09 ]

pochiの開発メモ

(2013-03-27) iOS6 Mobile Safari  ブラウザのリロードで「load」イベントが発生しない?

load イベントを「bind」していたロジックを「one」に変更して、</body>タグの最後で自分で「load」イベントを発行した。
「one」指定なので正常にloadイベントが発生したら、2回目は動かないので大丈夫?かと!
$(window).bind('load', function() {
	・・・
}
// ※↓に変更
$(window).one('load', function() {
	・・・
}


// ※jQuery Mobile Safariの判定
isMobileSafari = (
	RegExp(" AppleWebKit/").test(navigator.userAgent) &&
	RegExp(" Mobile/").test(navigator.userAgent)  &&
	RegExp(" Safari/").test(navigator.userAgent)
);

// ※出力
if(isMobileSafari) {
	$('body').append('<script type="text/javascript">$(function(){$(window).trigger("load");});</script>');
}
								


(2013-05-07) Windows 8 の Internet Explorer 10 でタッチイベントがうまく動かない?

「ユーザーが要素をタッチすると、IE10 が提供する既定の動作を CSS プロパティ -ms-touch-action が決定します。」らしい

タッチ操作向けサイト構築のガイドライン

つまり・・・
[タッチイベントを設定するセレクタ] {
	-ms-touch-action: none;
}
								
を指定しろって言うこと??


(2014-10-07) jquery.pochiOverrides.js

原因はinnerHeightやouterHeight、heightなんかの値が文字列で「px」が付いているからなんですよねぇ・・
ソースを変更しないでも、元の関数をオーバーライドして数値に変換してくれるので問題を回避してくれます。(かな?)
★ダウンロードして設置するだけ!!

【使い方】

								
【ソース】
/*!
 * jquery.pochiOverrides  v0.1.0 (BETA 1)  2014/10/08
 *
 * Copyright (c) 2014 N.Uehara
 * Dual licensed under the MIT and GPL licenses.
 * http://pochi-tools.com
 *
 */

$(function() {
	$.toNumberContainsPX = function( value ) {
		if(typeof value === "undefined") return 0;
		if(typeof value !== "string") return value;
		var ret=0;
		try { ret=parseFloat(value.replace("px", "")); } catch(e) {};
		return ret;
	}

	//## innerHeight
	$.fn.o_innerHeight = $.fn.innerHeight;
	$.fn.innerHeight = function() {
		if(arguments.length==0) {
			return $.toNumberContainsPX( $(this).o_innerHeight() );
		}
		else {
			var ary = [];
			for(var i in arguments) {
				ary[i] = "arguments["+i+"]";
			}
			var ret = 0;
			eval("ret = $(this).o_innerHeight("+ary.join(",")+");");
			return ret;
		}
	}

	//## innerWidth
	$.fn.o_innerWidth = $.fn.innerWidth;
	$.fn.innerWidth = function() {
		if(arguments.length==0) {
			return $.toNumberContainsPX( $(this).o_innerWidth() );
		}
		else {
			var ary = [];
			for(var i in arguments) {
				ary[i] = "arguments["+i+"]";
			}
			var ret = 0;
			eval("ret = $(this).o_innerWidth("+ary.join(",")+");");
			return ret;
		}
	}

	//## outerHeight
	$.fn.o_outerHeight = $.fn.outerHeight;
	$.fn.outerHeight = function() {
		if(arguments.length==0) {
			return $.toNumberContainsPX( $(this).o_outerHeight() );
		}
		else {
			var ary = [];
			for(var i in arguments) {
				ary[i] = "arguments["+i+"]";
			}
			var ret = 0;
			eval("ret = $(this).o_outerHeight("+ary.join(",")+");");
			return ret;
		}
	}

	//## outerWidth
	$.fn.o_outerWidth = $.fn.outerWidth;
	$.fn.outerWidth = function() {
		if(arguments.length==0) {
			return $.toNumberContainsPX( $(this).o_outerWidth() );
		}
		else {
			var ary = [];
			for(var i in arguments) {
				ary[i] = "arguments["+i+"]";
			}
			var ret = 0;
			eval("ret = $(this).o_outerWidth("+ary.join(",")+");");
			return ret;
		}
	}

	//## height
	$.fn.o_height = $.fn.height;
	$.fn.height = function() {
		if(arguments.length==0) {
			return $.toNumberContainsPX( $(this).o_height() );
		}
		else {
			var ary = [];
			for(var i in arguments) {
				ary[i] = "arguments["+i+"]";
			}
			eval("$(this).o_height("+ary.join(",")+");");
			return this;
		}
	}

	//## width
	$.fn.o_width = $.fn.width;
	$.fn.width = function() {
		if(arguments.length==0) {
			return $.toNumberContainsPX( $(this).o_width() );
		}
		else {
			var ary = [];
			for(var i in arguments) {
				ary[i] = "arguments["+i+"]";
			}
			eval("$(this).o_width("+ary.join(",")+");");
			return this;
		}
	}

});
								


始めたばっかりですが、管理者のブログです・・・ <(_ _)>