2015-01-01から1年間の記事一覧

viewport の指定

iPhone などの画面表示サイズの調整、HTMLは、 基本的には、、 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1"> つい、minimum-scale , maximum-scale を除いて <meta name="viewport" content="width=device-width, initial-scale=1"> とだけ書いてしまうと、iPhone では、初期表示は小さいままの表示なってしまうことがある。 http://blo…</meta></meta>

2つのDropDownChoice 変更イベント

Wicket で、2つのDropDownChoice を配置して、一方を選択したイベントでもう片方の DropDownChoice のリスト内容を書き換え、さらに書き換えた後の選択イベント =つまり2つとも、選択イベントを配置した時、 2個目を変化(選択)した時に、 Attempt to s…

checkbox のある ListView

チェックBOXが存在するリストの表示&制御は、業務系Webの開発でよくあるもので、 案件の都度、相当量の JavaScript とサーバサイドを作らなくてはならなくあまり汎用的なモデルが存在しない。 とは言え、やはり少しでも使いそうなパターンはモデルとして…

MySQL Workbench 終了後、起動しない

最近よく、MySQL Workbench 6.2 を終了時に異常終了して次回起動できなくなる。 試行錯誤で復旧方法をやっと見つけた。MySQL Workbench のアプリケーションのデータ、 C:\Users\ログインユーザ名\AppData\Roaming\MySQL\Workbench の下にある、wb_options.xm…

type=number の入力チェック

1年程前、全角数字入力を強制的に半角数字入力にしてバリデーションチェック処理を 軽減させるに、こんなものをここに投稿していた。 これは、input の type="text" に対して有効な手段であり、 HTML5の type="number" では想定どおりにならない。 typ…

2段組みのレイアウトのサンプル

この投稿は古く、修正として書き直した。→ http://blog.zaq.ne.jp/oboe2uran/article/1189/ ============================ 2段組みのレイアウトのサンプルは、ネット検索するとさくさん見つかるし、今更と思ったけど フッタを…

通常のPanel 描画でJavaScriptを実行する

Wicket の Panel を表示するタイミングで、JavsScriptを動かすにはどうしたらいいか? Wicket の AJAX イベントではなく、ページの初期表示= Panelコンポーネントを配置(add)した時に実行するには、、 レンダリングのメソッドである onAfterRender() を使…

Windows の Tomcat 文字コード

あまり実運用では、Windows で Tomcat を使用するところは少ないだろう。 レスポンスとしてUTF-8でページを返していて問題ないと思っていたら、 AJAX通信が受け取るものが、文字化けしてしまった。 AJAXのリクエスト、応答のHTTPヘッダにも、charset=ut…

box-sizing: border-box を忘れずに。

table の tbody スクロールに、以前、ここで書いたけど、 td , th タグに対して、box-sizing: border-box をつけるべきだった。 padding と、border のサイズを、width や height のサイズに含めるようにするのである。 CSS3は、賢いというか、おかげで…

Wicket onSubmit で無理矢理、jQueryMobile遷移

Wicket の onSubmit (AjaxButton の onSubmit)で無理矢理に jQuery mobile のページ Role 遷移を実行する。 (通常、そんなことはしないと思うが。。。) AjaxButton の onSubmit メソッドのパラメータ、 AjaxRequestTarget の appendJavaScript で、 id="…

pagebeforechange イベントの処理をどう書くべきか

jQuery mobile のページ遷移のイベントのうち、 pagebeforechange は、2回実行されることになっている。 document にしか bind できないため全てのページ遷移イベントを捕捉することになるので、 このイベントで処理を書こうと思ったら、遷移前のページ、遷…

jQuery mobile footer を最下部に配置

jQuery mobile のページ作成、フッタを最下部に配置させるのに、 こんなのがあったのですね。 footerFixed.js の配布?ページ MITライセンスだそうです。 使わせていただこう。

jQuery mobile radio を動的に追加する時

jQuery mobile で動的にフォームを追加しようとして、ハマった。 あるボタンのクリックイベントで、radio ボタン選択を追加、 $("input[type='radio']").checkboxradio("refresh"); だけで、できなくて、 Uncaught Error: cannot call methods on checkboxra…

MySQL Error Code: 1271 の対処

MySQL で、ある2つのテーブルの UNION クエリを実行していたら、 Error Code: 1271. Illegal mix of collations for operation 'UNION' が発生してしまった。 各々のテーブルの collation が異なる時、CHAR, VARCAR の型を UNION結合した時にエラーに発生す…

Androroid 4.0 での input タグ placeholder

inputタグの placeholder は、Android 端末のブラウザで表示する場合、 type="number" の時、Android 4.0 では表示されない! type="text" はちゃんと placeholder で指定した文字列が表示されるので これを利用して以下の jQuery をページ読込時に実行する…

JSONデータ→列挙型は、Google GSONが便利

Google gson を使用してJSONデータをJavaオブジェクトに変換する場合、列挙型への変換をする時としない場合の差異、、 以下のような JSONデータがあるとする。 [ { "time": "2015-01-11 10:27:14", "status": 200 } , { "time": "2015-01-11 11:02:48", "sta…

Datepicker 使う時は、readonly属性をつける

jQuery mobile で、Datepicker って指でタッチしにくいのでは? といつも思ってたので、inputタグに readonly 属性をつけることを考えなかった。 スマホでは、Datepicker を使う場合、input 領域をタッチしてキーボードが出て不便。 readonly="readonly" を…

Tomcat で Too many files open なら、

Tomcat を動かしていて Too many open files が発生したら、、 まず、 tomcat のプロセスを ps コマンドで PID を参照して lsof で確認する。 lsof -p PID | wc -l Linux の場合、1プロセスで開けるファイルの上限デフォルトが、1024 なので、この上限に達…

csv4j の Maven リポジトリが消えてる

昔、csv4j の Maven リポジトリを紹介したが、 http://blog.zaq.ne.jp/oboe2uran/article/585/ 今は、もうこのリポジトリが存在しない。 http://repository.aduna-software.org/maven2 http://repository.aduna-software.org/ これらのリポジトリサイトはも…