jspで、テーブルのセルに直接入力可能にする方

Question

jspで、テーブルのセルを入力可能にする方法

html を使って作ったテーブルのセルをクリックすると、そこに入力できるようにするにはどうしたらいいでしょうか？

現在Javaのmvcモデルを使ってプログラムを作っているのですが、htmlで作ったテーブルのセルに直接値を入力して登録できるwebページを作ることになりました。

そのためには、どのようなコードを書けばよいのでしょうか?
また、javascript出なくjspで作っているので、jsのことはほとんどわかりません。もし可能であれば、なるべくjsでなくjspを使って実現するコードが知りたいです

よろしくお願いします

ちなみに、サンプルのテーブルは以下になります

<TABLE BORDER="1"> <TR> <TD ROWSPAN="2">NO</TD> <TD COLSPAN="2">装填数</TD> <TD ROWSPAN="2">フリーカラム</TD> <TD ROWSPAN="2" COLSPAN="2">売れ残り数</TD> </TR> <TR> <TD >S</TD> <TD >R</TD> </TR> <TR> <TD >ここに入力できるようにしたい</TD> <TD >ここに入力できるようにしたい</TD> <TD >ここに入力できるようにしたい</TD> <TD >ここに入力できるようにしたい</TD> <TD >ここに入力できるようにしたい</TD> <TD >ここに入力できるようにしたい</TD> </TR> </TABLE>

input type=text ？を埋め込んだときは、テキストボックスの枠線が出てしまうのでダメでした。テキストボックスの枠線についても、消すことはできるのでしょうか?

よろしくお願いいたします

Comments

[m.ts10806]

プログラムコード(およびエラーメッセージ)は```で囲ってください。（わからなければ質問編集画面でコード部分を選択し<code>ボタンを押してください）

Answer 1

入力コントロールの枠線を消す方法は幾つかありますが、最も基本的なやり方はcssでしょうね。

• CSS で <input type=”text”> フォーカス時の線(ボーダー)を消す方法

cssでは表示されている要素の様々な見た目の調整ができるので上記サイト以外にも調べてやってみてください。
もちろんjavascriptと連動させることで表現の幅が広がります（CSSだけでも結構色んな表現ができます）

また、jsとjspは全く用途が別のものです。
「javascript jsp 違い」等で調べてみてください。
（念のため「javascript java 違い」も。

Comments

[yorha0005]

おっしゃる通り・・・jspしかやったことがなかったので、自分で調べてもjsのやり方しかでてこなくて困っていました。参考にいたします。

[m.ts10806]

たぶん、jsのやり方とはいっても何らかをトリガーにcssをあてているにすぎません。
jspでも表示のために利用するのはhtmlなので、css、javascriptは覚えておいて損はないです（より効果的なWeb表現をするためについて回るものだと思ってください）
特にサーバー側との非同期通信を実現するajaxは便利ですよ。