人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JAVAでこのような条件のサンプルコードを書いてください。

フォームを作り、そこにOKボタンとテキストボックスを作る。(テキストボックスは空白でOK)

OKボタンを押すと、そのフォームは閉じられ、新しいフォームが出る。

新しいフォームには、ラベルがあり、そのラベルの文章は、前のフォームでテキストボックスにユーザーが入力した文章



ユーザーは、最初に出たフォームのテキストボックスに任意の文字列を打ち込み、OKボタンを押す。
すると、新しいフォームがでて、そのフォームに先ほど入力した文字列が表示される。

●質問者: arhbwastrh
●カテゴリ:コンピュータ
✍キーワード:Java コード テキスト ベル ボタン
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● ElekiBrain
●7ポイント

ご質問をお読みしたところ、おそらくSUN JAVAのことを仰っているわけではなく、Javascriptのことを仰っているような気が致しましたので、以下にJavascriptのコードを記述します。なお、細かいようですが、SUN MicroSystemsのJAVAとJavascriptは名称は非常に似通っていますが、別の言語です。JAVAとJavascriptの名称は明確に使い分けた方が誤解を生まずに済むと思われます(既にご存知でしたらすみません。他意はないです)。


スタイルの設定:

<style type="text/css">
form#box01,form#box02{
position:absolute;
top10px;
left:10px;
width:200px;
height:100px;
background:#FFFFFF;
}

form#box01{z-index:2;}
form#box02{z-index:1;}
</style>

スクリプトの設定:

<script type="text/javascript">

<!--
function refreshForm() {
 document.form02.elements.in02.value = document.form01.elements.in01.value;
}

max_indexNumber = 99;
function Change_Contents(index_number){
max_indexNumber += 1;
document.getElementById(index_number).style.zIndex = max_indexNumber;
}

// -->
</script>

HTMLの設定:

<body>
<form id="box01" name="form01">
<input type="text" name="in01" value="" />
<input type="button" value="OK" onclick="Change_Contents('box02');refreshForm();" />
</form>
<form id="box02" name="form02">
<label for="kekka">:入力した内容です</label>
<input id="kekka" type="text" name="in02" value="" />
</form>
</body>

(1)スタイル側の仕組み

まず、スタイルでポジションの決まったボックスを2つ作ります。今回の場合はフォームを使ったご質問でしたので、フォームを直接ボックス化致しました。この二つのフォームのz-indexはあらかじめ決めておきます。この作業で、二つのフォームが重なって表示されます。


(2)Javascript側の仕組み

次に、フォームのエレメントの中身、value を入れ替えるスクリプトを組みます。このスクリプトはボタンがクリックされた時点で動作します。入れ替えはレイヤー化した box01 から box02 へと行われます。次に、その動作と同時に下に隠れていたレイヤー box02 を前面に出します。 box01 は隠れますので、入れ替わったように見えるわけです。実際には元のエレメント(in01 の value)と後で表示されるエレメント(in02 の value)両方のvalueに値が残った状態のままですが、これは再読み込みボタンを押すか、再読み込みのために document.location.href="xxxxx.html" などと設定したボタンを配置することによって解消できます(今回は配置していません)。


※もし、本当にJAVAだった場合:

すみません。私はサーバサイドJAVA及びJSPは心得ていませんので、これには残念ながらお答えすることができません。

◎質問者からの返答

せっかく書いて頂いたのに申し訳ありませんが、Java ScriptではなくJavaの質問です。

エクリプス使ってますとか、Sun Javaですとかもう少しわかり易い表現を使えばよかったですね。失礼しました。


2 ● mass3
●70ポイント ベストアンサー

コードがきれいに貼れないので、こっちに書きました。(↓)

http://hakidame.ddo.jp/contents/java1.html

◎質問者からの返答

とても素晴らしいご回答を頂きありがとうございます。

コピペしてテストしたところ、ばっちり動きました♪

ありがとうございましたm(__)m

またJavaに関して質問させて頂く事があるかと思いますが、その時はどうぞよろしくお願い致します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ