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

AngularJSについて

前回のbowerの記事でちょこっと書きましたが、最近はAngularJSというJavaScriptのフレームワークを触っています。 数年前から流行りだしているようで、少しずつ使っている方も増えているの …

no image

文字列変換系処理まとめ

Javaで文字列の変換(全角、半角など)の処理のまとめです。 ブログに記事として書こうと思ったのですが、丸々コピペになってしまうので、それじゃあ元リンクを紹介したほうがいいかなと思い、今日は基本的にリ …

no image

JavaScriptのcall,bind+npmからのライブラリ読み込みで

npmを使ってライブラリ管理をする場合、個別にライブラリを読み込まず、package.jsonで読み込んだあと、一括してライブラリを読みこむことが一般的です。 で、その時の処理に関して。 例えばlea …

no image

npmコマンドの整理

npmのコマンドのまとめに関して。 Contents1 npmとは?2 よく使うコマンド2.1 npm init -y2.2 npm install パッケージ名(npm -i パッケージ名)2.2. …

no image

Streamについて

Java8で導入されたStreamですが、名前はしっていたものの、使い方がわからず放置していました。 これを機に調べたのですが、コレクションフレームワークの拡張のようですね。 特徴としては以下のような …