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でのCSVダウンロード機能

JSF+CDIでCSVダウンロード機能を実装するときの処理です。 結構、汎用的でいろんなところででてきますね。 Contents1 コード2 参考リンク コード [crayon-5c17d36cb3c …

no image

AngularJS カスタムディレクティブ

AngularはHTMLの中にng-clickなどと書いておけばイベントを紐づけて、特定動作時にメソッドを呼び出すことができます。 これをオリジナルで自作することができます。 customer_dir …

no image

Fileオブジェクトの操作

業務でテキストファイルを読み込んで、別形式に変換して出力みたいなアプリを作ったときにファイルオブジェクトについていろいろ調べたんでまとめておきます。 Contents1 ファイルオブジェクトとは?2 …

no image

gulpインストールとタスクの実行

今更ですが、gulpインストールと作業に関して。 less使ってたんですが、コンパイルをずっとatomのエディタで行っていたんですが、一般的にはgulpで実行する方のほうが多いでしょう。 別件でgul …

no image

cssフレームワークをnode_modulesから読み込む+cssの拡張

JavaScriptを1ファイルでまとめて読み込める方法が分かったので(参考リンク npmでのJSライブラリインストール)、CSSでも似たような方法があったのでメモ。 流れを言うと、下記のようになりま …