[Autocomplete] かな入力で名前（漢字）を絞り込むセレクトボックス
example 入力した「ひらがな」を元に名前(漢字)の一覧を絞り込むセレクトボックスが必要になったのですが、なかなか用途に見合うサジェストプラグインがなかったのでjQuery UIのカスタムコンボボックスを改良して作っ […]
View ArticleClik here to view.
【tipsy】シンプルでカッコいいツールチップを表示するjQueryプラグイン
tipsy - Facebook-style tooltip plugin for jQuery 使い方はとても簡単で要素を指定してtipsyを実行するだけ。 [javascript] $('#example-1').tipsy(); [/javascript] ツールチップの表示位置や表示されるまでのスピードなども設定できます。 また、HTMLだけではなくSVGのツールチップも装飾してくれます。...
View Article【Waypoints】特定のHTML要素にスクロールイベントを設置するjQueryプラグイン
ちょうど、スクロールイベントを制御するシンプルなライブラリを探していて見つけたプラグインです。 「このdivタグより下にスクロールしたらイベントを発生させて関数を呼ぶ」といったことが簡単に行えます。 その他、１つのHTM … 続きを読む →
View Article[FullCalendar]たった２行の追加でFullCalendarをiPad対応にするスクリプト
jquery.ui.touch FullCalendarをiPad等のタッチ操作に対応させる方法はいくつかあるみたいですが、今のところ上記のスクリプトを使うのが一番簡単だと思います。 使い方は以下。 ヘッダで上記スクリプ … 続きを読む →
View ArticleClik here to view.
jQueryを使ってテーブルのセルをクリックしたときに編集できるようにする（Edit in Place）
画面遷移を行わずに、その場でDOM要素を編集できる機能を「inplace editor」とか言うらしいです。 プラグインを使う方が簡単なのですが、作りたいものに合わせてカスタマイズするのが思うようにいかなかったので、自分で書いてみました。 [html title="html"] <table id="edit-table"> <tr>...
View ArticleClik here to view.
[FullCalendar] 祝日イベントのリンクを削除
「日本の祝日」をGoogleから取り込んだ場合、祝日のイベントに自動的にGoogleカレンダーへのリンクが張られてしまいます。 参照 FullCalendar で日本の祝日を表示する ↑表示した祝日イベントをクリックすると、Googleカレンダーに飛んでしまう。 これは、ちょっとウザいので祝日イベントに張られたリンクを削除します。 ■リンクの削除 [javascript] var calendar...
View ArticleClik here to view.
[FullCalendar] イベント（予定）の修正と削除
なんだかんだで仕事が忙しいので…手抜き更新。 FullCalendarで登録した予定（下記画像を参照）を、修正・削除する方法が公式のDemoに無かった気がするのでTipsとして載せておきます。 [javascript] var calendar = $('#calendar').fullCalendar({ eventDblClick:function(event, jsEvent){ var...
View Article[DataTables] テキストボックスを敷き詰めたテーブルで、フォーカスのあたっているセルの位置を取得したい。
昨日に引き続き、テーブルにソート機能や、フィルタリング機能を付けたいときに、とても便利なプラグイン「DataTables」に関するメモ。 <td>に<input type=”textR … 続きを読む →
View Article[DataTables] sAjaxSourceで読み込んだデータの値を加工したい。
テーブルにソート機能や、フィルタリング機能を付けたいときに、とても便利なプラグイン「DataTables」に関するメモ。 sAjaxSourceで読み込んだデータを加工してテーブルに表示する方法。 例：テーブルの１桁(１ … 続きを読む →
View Article
