フォームを作り、そこにOKボタンとテキストボックスを作る。(テキストボックスは空白でOK)
OKボタンを押すと、そのフォームは閉じられ、新しいフォームが出る。
新しいフォームには、ラベルがあり、そのラベルの文章は、前のフォームでテキストボックスにユーザーが入力した文章
ユーザーは、最初に出たフォームのテキストボックスに任意の文字列を打ち込み、OKボタンを押す。
すると、新しいフォームがでて、そのフォームに先ほど入力した文字列が表示される。
ご質問をお読みしたところ、おそらく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ですとかもう少しわかり易い表現を使えばよかったですね。失礼しました。
とても素晴らしいご回答を頂きありがとうございます。
コピペしてテストしたところ、ばっちり動きました♪
ありがとうございましたm(__)m
またJavaに関して質問させて頂く事があるかと思いますが、その時はどうぞよろしくお願い致します。
とても素晴らしいご回答を頂きありがとうございます。
コピペしてテストしたところ、ばっちり動きました♪
ありがとうございましたm(__)m
またJavaに関して質問させて頂く事があるかと思いますが、その時はどうぞよろしくお願い致します。