skillup

技術ブログ

Java JavaScript UI

HTML&JSなど画面まわり&サーブレット小ネタ

投稿日:

サーブレットでアプリ作ってますが、画面まわりに関していろいろいじっているのでそこら辺のネタなんかを。

テーブルの結合

何回かやったんですが、メモってなかったので、メモ。

要は横の項目が2段で右の項目が1段ずつみたいな要はセルを結合させるタイプ。

形がきれいじゃないからかなかなか覚えられない・・・

JSPでの動的HTML→POSTで認識できない

サーブレット&JSPではJavaScriptなどで動的にinputやプルダウンを生成すると、request.getParamerterでキャッチできません。

なのでこれらを動的に生成したい場合は、

  • 最初画面上でhtmlを書いておき、display:noneなどにして見えなくする
  • イベントでCSSを切り替えて見えるようにする

としないとPOSTのデータとしてキャッチできないようです。

動的プルダウンの生成&削除

上記のネタでいろいろとやっていたやつです。

動的にプルダウンの要素を変更するようなネタ

リンクのまんまなのでリスペクトも込めてリンク紹介です。

http://jquery.nj-clucker.com/select-option-add-del/

http://jquery.nj-clucker.com/select-set-get/

datePicker

JSで有名な日付のGUIコンポーネント

こちらもほぼリンクのままなのでリンク紹介です。

http://be-shi.tumblr.com/post/86007841712/jquery-datepicker%E3%81%AE%E7%B0%A1%E5%8D%98%E3%81%AA%E4%BD%BF%E3%81%84%E6%96%B9

http://www.hanemaru.com/itemcolumn/11jquidatepicker01.html

http://www.webdesign-fan.com/jquery-ui-datepicker

-Java, JavaScript, UI
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

JSFでのjQuery

JSFでのjQueryの取得 以前、Seleniumに関連したエントリーを書いたときにJSFではidが親要素を伴うと書きました。 例えば <form id=”form1″ …

no image

フィールド以外のプロパティをエンティティに持たせる

JPAでは基本的に1テーブル、1クラスです。 このためプロパティは必然的にテーブルのフィールドに対応しています。 ただ、必ずしもプロパティだけでなく、臨時で持たせておきたい、プロパティがあったりします …

no image

携帯のUIに関して

いまさらながらスマホのUI表示に苦戦してます。 まあ、現状のWEBサイトを作る場合、BtoCでもBtoBでもスマホ対策は必須ですよね。 私の場合、デザインが本業でないこともあり、ちょっとサボっていまし …

no image

データベース文字コード対策他

Contents1 JDBC文字化け対策2 BigDecimal2.1 ソース2.2 参考リンク3 CreateQuery4 jsfのconvertNumber JDBC文字化け対策 データベースがu …

no image

Bootstrapでのラジオボタンの装飾について(toggle)

ラジオボタンのようなn択式のチェックに関して、HTMLディフォルトのごついやつではなく、下記のようにボタンがへこんだものを実装したい場合の処理についてメモします。 下記のようなボタンの状態をtoggl …