2011年11月28日月曜日

jQueryプラグイン tablesorter

HTMLのテーブルを簡単にソート可能な表に作り替えてくれるjQueryプラグイン。
とても簡単便利でした。

基本的な手順は

  1. http://tablesorter.com/docs/ から、 jquery.tablesorter.min.jsと好きなスタイルシートをダウンロードする(BlueSkin、GreenSkin)
  2. <script type="text/javascript" src="jquery.tablesorter.min.js"></script> <link rel='Stylesheet' type='text/css' href='blue/style.css' /> とかHTMLファイルの<head>に書き加えて読み込む
  3. 適応したいテーブルは、<thead>、<tbody>タグを省略しない
  4. jQueryで指定しやすいよう、テーブルに<table id="hoge">とかidをつけておく
  5. <table class="tablesorter">でスタイルシートを指定
  6. $(function(){ $("#hoge").tablesorter(); }); で実行


詳しくは
http://ascii.jp/elem/000/000/423/423724/

2011年11月25日金曜日

.jsファイル内で.jsファイルを読み込む方法

こちらのを試してみるととりあえずちゃんと動作しました。

http://migelnanai.blog.so-net.ne.jp/2007-04-26


aaa.js(jinclude.jsとでも)ファイルで、読み込むライブラリファイルをまとめて書き


【aaa.js】
document.write("<script type='text/javascript' src='bbb.js'></script>");"
document.write("<script type='text/javascript' src='ccc.js'></script>");"


利用するHTMLファイルでその.jsファイルを読み込むだけです。


【HTML】
<script type="text/javascript" src="aaa.js"></script>




※でもVisualStudioとかで開発している場合、これをしてしまうと
HTMLを編集している時にインテリセンスは効かなくなっちゃいます。

2011年11月22日火曜日

jQueryプラグインの作り方

自前で$.("id").hogehoge();
とかjQueryのメソッドを作りたい場合のまとめ

http://wiz-code.digick.jp/blog/?p=792

こちらがよくまとまっていました。

2011年11月17日木曜日

Microsoft JScript 実行時エラー: 'jQuery' は宣言されていません。

VisualStudioでASP.NETとかMVCとかWebアプリを開発中、
実行時にこのように怒られたら、aspxやcshtmlファイル内のどこかで
jQueryを利用しているのに読み込み宣言をしてないだけです。


たとえば
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
こういう構文を見つけたら、


その前にこういう一文を加えてましょう。
<script type="text/javascript" src="../../Scripts/jquery-1.6.4.min.js"></script>

src="~~"の部分は読み込むjQueryライブラリのファイル名やパスで異なるので変えてあげて下さい。






VisualStudioをJavaScriptエディタとして使う手順

こちらの記事に丁寧に。

http://neue.cc/2010/05/24_260.html


注意点としては、デバッグでブレークポイントとか利用する際には、
実行するブラウザがIEじゃないとダメだそうな。
ソリューションエクスプローラのプロジェクトを右クリック→ブラウザの選択でIEを既定のブラウザに。

更に「ブレークポイントは現在の設定ではヒットしません。このドキュメントのシンボルが読み込まれていません」と出てデバッグ使えないことがあるので、
その場合はここの「Silverlight プロジェクトでの JavaScript のデバッグ」にあるように、
IEの設定を変えてあげて下さい。

http://msdn.microsoft.com/ja-jp/library/cc838267(v=vs.95).aspx



.