サイトを見ていてTABLE形式になっている表の並び順を変えたくなることがある。
ブラウザのコンソールでうまいこと出来ないかなと思ってたら、
JavaScriptコンソールからjQuery をページにロードする方法。
で、コンソールからjqueryを使えるので、tableソート用のプラグインも読み込めばできると思って試した。
まず、コンソールに下記を打ち込んでJqueryを使用可にする。
document.body.appendChild(function(){
src="https://code.jquery.com/jquery-latest.min.js";
sc = document.createElement("script");
sc.type="text/javascript";
sc.src=src;
sc.onload = function() {};
return sc;
}()
);
次に、tableソート用のプラグインtsort.min.jsを読み込ませる。
document.body.appendChild(function(){
src="http://www.jqueryscript.net/demo/Animated-Table-Sorting-Plugin-For-jQuery/tsort.min.js";
sc = document.createElement("script");
sc.type="text/javascript";
sc.src=src;
sc.onload = function() {};
return sc;
}()
);
次に並び替えを設定したTABLEを指定して実行する。
$('table').tableSort( {animation :'slide',speed:500} );
これでTABLEのヘッダをクリックするとソートが行われる。
3回コンソールにコピペするのはめんどくさい。これ一回のコピペで実行できないものか。