webアプリケーションを新規ウィンドウで開いて動作させたい

Question

前提・実現したいこと

WEBアプリケーションで、新しいウィンドウで開いてアプリケーション単体の窓を作りたい。

発生している問題・エラーメッセージ

html単体だと、ネットを調べるとonClick()でURLを指定したり窓の大きさを指定したりする方法が見つかるのですが、サーブレットとなると、どこにどのように記載してよいかわかりません。

例えば以下のように

<form action="#">
<input type="button" value="ジャンプ" onclick="window.open('./window.html', '', 'width=500,height=400');">
</form>

このようにフォームに記載するとの情報が見つかりましたが、
実際にはどのように記述したらいいのかわかりません。

作成しているのは、ログイン画面で以下のようになります
この記述だと、新しい「タブ」で開いてしまいます。新しいウィンドウで開きたいです。

//ファイル名：index.jsp
		<form action = "login" method = "post" target = "new">
		社員番号&emsp;：
		<input type = "text" name = "id" class = "textbox"><br>
		パスワード：
		<input type = "password" name = "pass" class = "textbox"><br>

		<input type = "submit" value = "login">
		</form>

ひとつめのコードでは、ボタンにwindow.openを記述していますが、
このログイン画面の場合は、どのようにしたら良いのでしょうか。
このwebアプリケーションでは、IDとパスワードを入力して、両方あっていれば、
account.jsp
というファイル名の管理者メニューに飛ぶことができます。
IDとパスワードがあっているかを調べるために、
form action = "login"
として、login.javaというサーブレットに処理を任せ、レスポンスを待つ動作です。
IDとパスワードが一致しなければ、元のindex.jspに戻ります。

※できれば、最初のindex.jspの起動も新規ウィンドウで行いたいのですが、それは無理でしょうか？

試したこと

試しにsubmitボタンに記述してみましたが、ログイン機能は無視で、そのままaccount.jspに飛んでしまいました。

補足情報（FW/ツールのバージョンなど）

ブラウザはchromeです。

Answer 1

別ウィンドウを立ち上げる方法はブラウザだけで実現する機能で、サーブレットやJSP呼び出しでも静的HTMLでも呼び出し方に大きな違いはありません。

<button type="button" value="table" onclick="window.open('./LoginServlet', 'login', 'width=500,height=400')">Login</button>

なお、タブで開くか新しいウィンドウが開くかは完全に制御できず、それは個々のブラウザの設定が優先されることに留意しなければなりません。また、別タブや別ウィンドウを開く場合には https://agohack.com/html-target-blank-noopener/ などにもありますように、脆弱性への対応が必要になります。

個人的には、ログインページを別ウィンドウで行うと元ページの状態確認とウィンドウ制御がひと手間かかってしまうため（ログイン完了後の画面を小ウィンドウに表示→元ウィンドウへフォーカスを合わせる→フォーカスのあった元ウィンドウからログインウィンドウを消す一連の動作をJavaScriptで制御する）、必須要件でなければ避けるべきではないかと存じます。

参考までに。

Answer 2

「リクエスト」と「レスポンス」についてきちんとおさえられた方が良いかと思います。
Window.open()の第一引数であるURLはリクエストそのものです。
ですので、サーブレットで受け取るURLを第一引数に指定すれば良いです。

Comments

[cosmosyuki]

コメントありがとうございます。

サーブレットで受け取るURLとは、ログイン情報を入力して、送信する、ログイン画面そのもののURLでいいのでしょうか？

ログイン情報を入力して、formで情報を送信し、サーブレット内でIDとパスワードが合っているか確認して、その結果に基づいて条件分岐をし、次に表示するページを返しています。
その返すページ（場合によってはまたログイン画面を表示）をwindow.open()するには・・・イメージがわかなくてすみません。

[m.ts10806]

設計、要件次第です。