今頃になって気づいたが、chrome では、WebKitBlobBuilder を使えなくなっている。 以下のようなコードは、もう成立しない。 var BlobBuilder = window.BlobBuilder || window.MozBlobBuilder || window.WebKitBlobBuilder || window.MSBlobBuilder; var bb …

li タグで書くリンクのリストをjQueryで生成するケースはありそうなので、デザインのメモを兼ねて書いておく。 このように、ページを開いた時の現在日から、前年度、今年度、翌年度の li のリストリンクを jQuery で作成する。 マウスが上にきたとき、背景も…

https://github.com/allmarkedup/purl ダウンロードして、purl.js というのを

ブラウザで画像を表示して画像から色コード（ＲＧＢ値）を抽出するものを作ってみた。 サーバは使用しない。jQuery でローカルＰＣだけで実行する。 ＲＧＢ値を抽出後、右クリックでクリップボードにコピーしたかったのだが、GitHub にある zeroclipboard は…

jQuery で $ 文字の競合を防ぐ場合、無名関数でラップして防ぐ。 無名関数引数は、(jQuery); (function($){ $('#foo').html("123"); })(jQuery); ================== こんなことを書かなくてはならない場面、めったにない。 でも、大嫌いな言語、Ruby On Rai…

Handsontable の Autocomplete の悪いところは、ローマ字変換のキー入力では思惑どおりに働かないところである。 jQuery UIではそんなことは起きない。 Handsontable は、ここで、全角入力モードにして、「ｓi」 とキーを打つと、、 となってしまう。 これは…

Handsontable の Dropdown は、デフォルトでは選択リストに定義した以外の入力は、validation が働いて、 セルの背景色が赤くなる。 Dropdown と呼ばれても、内部では autocomplete ということなのであるが、select の性質から、バリデーションが着いている…

Handsontable のデフォルトの罫線などの色を変えるCSS 配布されてるデザインだと罫線の色はグレー、ヘッダのセルの背景色などを変更したい場合、 デモサイトの、条件による動的にスタイルシートの変更を jQuery で動的に実行する方法もあるだろうが、 やはり…

先月、改正祝日法により、２０１６年より、８月１１日を「山の日」祝日とすることが決まってから、 公開しているＪａｖａ版の祝日計算の更新を行ったが、 jQuery UI の datepicker もせめて祝日の日付の背景色だけでも休日の色として統一したくなった。 Ｊａ…

Handsontable コンテキストメニューで、行削除や列削除をデモサイトにあるようなサンプルのままだと、 最後１行、あるいは、最後の１列が残った後にコンテキストメニューで実行してまうと、テーブルでコンテキストメニューを開く領域がなくなってしまう。（→…

任意に定義する Java クラス Object のリストを JSON にする時に、GSON を使用した理由 次の理由から、GSON が便利だった。 ・任意に定義する Java クラスの要素で出力対象の要素を限定できること。 ・デフォルトで Javaクラスのフィールド名が、JSONで Key…

JSON データをローカルＰＣに置いて、jQuery を書いてデバッグしようと思った時、$.getJSON が使えないのは、結構辛い。 ＨＴＭＬ５で、inputタグ type="file" で読んで JavaScript のオブジェクトに格納する方法があるではないですか！ オブジェクトに格納…

本日、２０１４年５月２３日、参議院本会議で 改正祝日法により、２０１６年より、８月１１日を「山の日」祝日とすることが 可決、成立しました。 これにより、作成公開していた、Ｊａｖａの「祝日計算」プログラムを修正、 Ver 2.0 として、２０１６年以降…

先日に続いて、今度は Handsontable 入力バリデーションエラーを捕捉してみる。 つまり、任意の callback を実行するのが目的である。 type: 'numeric' のセルに数字でない文字を入力するとデフォルトではセルが赤くなるが、 そのタイミングを捕捉する方法で…

Handsontable は、ちょっと勉強すれば、Excelのように簡単な表計算も、callback 関数で書ける。 最初、Handsonテーブルの説明ページを見た時、「こんなにイベントがあるの！」と驚いたけど。。。 まずは、beforeChange を例題に簡単に書いてみる前に認識して…

先日、Handsontable を始めたばかりで、良く理解してなくて、 http://blog.zaq.ne.jp/oboe2uran/article/1002/ では、 データが以下のケースの場合、、、 var data = [ {"a":"1","b":"2"}, {"c":"3","c":"4"}, ]; 期待する結果を得られなかった。 key-value …

Google の JSON ライブラリ、GSON を使う時、 普通に使う、new演算子での生成、 Gson gson = new Gson(); これをそのまま使うと、java.util.Date は、以下のようになってしまう。 System.out.println( gson.toJson(new Date()) ); の結果は、、 "May 10, 201…

Handsontable のコンテキストメニューの見出しを日本語にする場合は、以下のようにする。 contextMenu 属性の items は、Handsontable で約束された動作が、 キーとして以下のように定義されているので、このキーに対する 「name」属性が、コンテキストメニ…

AsyncTask を使ってGPS 位置情報を取得して、Google API サービスで住所文字列を取得する。 ・AsyncTask で、LocationListener を実装する。 ・LocationManager#requestLocationUpdates は、doInBackground で実行できないので、onPreExecute で実行する。 …

結構よくできてる。。。 http://handsontable.com/demo/validation.html でも、メールアドレスのチェックが誤ってる気がする。 以下の正規表現ではないだろうか。。。 ^[_A-Za-z0-9-]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*((\.[A-Za-z]{2,})…

Handsontable の datepicker （ jQuery ui ) は、デフォルトのスタイルだとちょっとかっこ悪い。 年と月のプルダウン表示が２段になったり、サイズも大きい。 Handsontable の ＣＳＳというより、jQuery ui ダウンロードしてそのまま使うとそうなってしまう…

先日書いたListView に footer を付けた時、リストアダプタを get して、HeaderViewListAdapter で cast して getWrappedAdapter を得てから BaseAdapter に cast して BaseAdapterのメソッドを実行していたが、 それは、Activityで、直接 Listview を使って…

ListView を AsyncTask の publishProgress で更新する方法、 いまさらだが、、、 スクロールで最後尾に達したら次を読むリストビューを考えていて書いてみた。 かなり省略してはいるが、以下のようになった。cancelled とか考慮しなくてはならない。。。 pu…

ListView に、addHeaderView や addFooterView を使用してヘッダ、フッタに View を追加した場合、 注意がひつようで、以下の様な場合、ListView#getAdapter を実行すると、HeaderViewListAdapter を取得することになる。 以下のようにコードでは、、 ListVi…

JSONだけを応答レスポンスとして返すWebシステム構築を考えた時、 HTTPリクエストから、JSON だけを応答することに というコンセプトを持てば、、 Tomcat等のWebコンテナの他に必要なものとして、 有名なWebフレームワークの多くは、余計な機能があり過ぎて…

Maven で取得していないJARを、ローカルＰＣのMavenリポジトリに入れる方法 以下のコマンドで登録する。 mvn install:install-file -Dfile=｛jarファイルフルパス｝ -DgroupId=｛パッケージ｝ -DartifactId=｛名前｝ -Dversion=｛バージョン番号｝ -Dpackagi…

簡単なＷｅｂアプリを作っていて、AJAX通信で以下のエラーが出たら、 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access 返すＨＴＴＰレスポンスヘッダに、以下を付ければ良い…

JSONデータを jquery.handsontable プラグインで表示することを試してみる。 単純にシンプルなデータ配列のJSONデータは、サイトのデモを見れば解ってることなので、 特に、Key-Valueペアの関係にあるケースがどうなるか？である。 var data = {"a":"1","b":…

jquery.tablefix.js というjquery はHTML上、描画した table タグのスクロールを描画するのに 便利で良いと思っていたが、たまに線が1～2px ずれたりして気にいらないところがあった。 http://www.otchy.net/javascript/tablefix/ jQuery データObject を、E…

jQuery plugin で、Excel のように編集できるもの。 http://handsontable.com/index.html github JSの指定は、サンプルのように、配布されてる jquery.handsontable.full.js を使用 CSS は、、jquery.handsontable.full.css が配布されてる。 例えば、ドラッ…