SQLの窓

2014年04月04日


jQuery UI(tabs) の内部コードを書き換えて、タブ上でのキーボード処理をキャンセルする

jQuery UI のタブでは、タブ部分とパネル部分でイベントが登録されており、特に、タブ部分では矢印キーなどが専用に処理されるので、それらをキャンセルする為、上書きで function を定義します。

_tabKeydown を書き換えるだけでいいのですが、全体像が解るように、_setupEvents と _tabKeydown を書き換えました。

ここでは、キーを使うと、キーコードを alert するように変更しています。
<script>
if ( !window.jQuery ) {
	document.write("<"+"script src=\"//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js\"></"+"script>");
}
if ( window[window.location.hostname+'.loadjQueryUI'] !== true ) {
	window[window.location.hostname+'.loadjQueryUI'] = true;
	document.write("<"+"link rel=\"stylesheet\" href=\"//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/jquery-ui.css\">");
	document.write("<"+"script src=\"//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js\"></"+"script>");
}
</script>
<script>
$.ui.tabs.prototype._setupEvents = function( event ) {
		var events = {
			click: function( event ) {
				event.preventDefault();
			}
		};
		if ( event ) {
			$.each( event.split(" "), function( index, eventName ) {
				events[ eventName ] = "_eventHandler";
			});
		}

		this._off( this.anchors.add( this.tabs ).add( this.panels ) );
		this._on( this.anchors, events );
		this._on( this.tabs, { keydown: "_tabKeydown" } );
//		this._on( this.panels, { keydown: "_panelKeydown" } );

		this._focusable( this.tabs );
		this._hoverable( this.tabs );
};
$.ui.tabs.prototype._tabKeydown= function( event ) {
	alert(event.keyCode)
};



$(function() {
	var target_tab = 0;
	if ( typeof(localStorage["old_active"]) != 'undefined' ) {
		target_tab = localStorage["old_active"];
	}
	$( "#mytabs" ).tabs({
		active: target_tab,
		activate: function( event, ui ) {
			localStorage["old_active"] = $( this ).tabs( "option", "active" );
		}
	});
});
</script>

<div id="mytabs">

	<ul>
		<li><a href="#tabs-1">潮時</a></li>
		<li><a href="#tabs-2">確信犯</a></li>
		<li><a href="#tabs-3">おもむろに</a></li>
	</ul>
	<div id="tabs-1">
物事を始めたり終えたりするのに、適当な時機
	</div>
	<div id="tabs-2">
1 本人が悪いことでないと確信してなされる犯罪
2 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為
◆犯罪というほど重大な行為でない場合にも用いる。2の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が1ではなく2の意で用いると回答した。
	</div>
	<div id="tabs-3">
【徐に】落ち着いて、ゆっくりと行動するさま
	</div>
</div>


物事を始めたり終えたりするのに、適当な時機
1 本人が悪いことでないと確信してなされる犯罪 2 《1から転じて》悪いことだとわかっていながら行われた犯罪や行為 ◆犯罪というほど重大な行為でない場合にも用いる。2の意はもともと誤用とされていたが、文化庁が発表した平成14年度「国語に関する世論調査」では、50パーセント以上の人が1ではなく2の意で用いると回答した。
【徐に】落ち着いて、ゆっくりと行動するさま


posted by lightbox at 2014-04-04 18:09 | jQuery UI | このブログの読者になる | 更新情報をチェックする
container 終わり



フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり