skillup

技術ブログ

Java JavaScript UI

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

投稿日:2015年10月8日 更新日:

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

テーブルの結合

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

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

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

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

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

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

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

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

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

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

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

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

jQuery でセレクトボックスのプルダウン項目(option 要素)を追加/削除する方法

jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法

datePicker

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

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

[jQuery] Datepickerの簡単な使い方

jQuery UIのDatepickerでカレンダーから楽々日付入力

超簡単!カレンダーから日付入力する方法:jQuery ui Datepicker

-Java, JavaScript, UI
-

執筆者:


comment

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

関連記事

no image

Vue.jsについて

次の現場で使うかもしれない技術ということでvue.jsをちょこちょこっと勉強。とっていっても1時間ぐらいしか勉強しておらずイントロだけですが・・ Contents1 vue.jsとは?2 ソース3 参 …

no image

日付けのメソッド

どのプログラムでも必須となる日付け処理。 言語が違うといろいろと面倒です。 とりあえず頻出のものを整理したいと思います。 Contents1 現在時刻の出力2 日付けの設定・取得3 日付けの整形4 文 …

no image

途中入力離脱防止処理 JavaScript

WordPressの入力画面なんかでは実装されていますが、途中で文字入力をしてページりだすをしようとするとブラウザのアラートがでます。これも一般のお問い合わせフォームなんかでも実装可能です。 この場合 …

no image

Javaのオブジェクト指向に関して

Contents1 staticメソッド2 アクセス修飾子3 抽象クラス3.1 オーバーライド(親クラスのメソッドを上書きすること)3.2 オーバーロード(同名メソッドを複数もつこと)4 interf …

no image

文字列変換系処理まとめ

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

アーカイブ