サーブレットでアプリ作ってますが、画面まわりに関していろいろいじっているのでそこら辺のネタなんかを。
テーブルの結合
何回かやったんですが、メモってなかったので、メモ。
要は横の項目が2段で右の項目が1段ずつみたいな要はセルを結合させるタイプ。
|
1 2 3 4 5 6 7 |
<tr> <th rowspan="2" >食事</th> <td><input type="text" name="calorie" size="3"></td></tr> </tr> <tr> <td><input type="text" name="weight" size="3"></td> </tr> |
形がきれいじゃないからかなかなか覚えられない・・・
JSPでの動的HTML→POSTで認識できない
サーブレット＆JSPではJavaScriptなどで動的にinputやプルダウンを生成すると、request.getParamerterでキャッチできません。
なのでこれらを動的に生成したい場合は、
- 最初画面上でhtmlを書いておき、display:noneなどにして見えなくする
- イベントでCSSを切り替えて見えるようにする
としないとPOSTのデータとしてキャッチできないようです。
動的プルダウンの生成＆削除
上記のネタでいろいろとやっていたやつです。
動的にプルダウンの要素を変更するようなネタ
リンクのまんまなのでリスペクトも込めてリンク紹介です。
jQuery でセレクトボックスのプルダウン項目（option 要素）を追加／削除する方法
jQuery でセレクトボックスを操作！value 値の取得や選択項目の指定、プルダウンテキストの取得方法
datePicker
JSで有名な日付のGUIコンポーネント
こちらもほぼリンクのままなのでリンク紹介です。
