おしえて

Webでの転記画面の作り方について

解決済

質問者：msdesoft
質問日時：2018/04/12 17:34
回答数：2件

お世話になります。
Web初心者です。
windowsのデスクトップアプリでは、伝票の明細を作成する際に、商品リストの画面を開いて検索し、その結果を伝票明細に書き込むことができます。
Webでは、検索画面の結果をどのように前画面に戻していいか分かりません。どのようにこの機能を実現したらいいのか、概要を教えていただければ大変助かります。

どなたか概要をご教示いただければ、助かります。
どうぞよろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： babu_babu_baboo
回答日時：2018/04/12 22:40

案3

<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>test1.html</title>
<body>
<form id="A">
<p>
<label>小遣い希望金額</label>:<input name="B">円
<input type="button" value="小遣い" id="C">
</form>

<script>
document.addEventListener ('click', ({target:{id}}) => id !== 'C' || open ('test2.html'), !1);
</script>

--

<!DOCTYPE html>
<html lang="ja">
<meta charset="UTF-8">
<title>test2.html</title>
<body>
<form id="D">
<select name="E">
<option value="">どれぐらい欲しいのか？
<option value="1000">ちょっとコンビニまで
<option value="10000">遊びにいけるぐらい
<option value="1000000">愛人ができるぐらい
</select>
</form>

<script>
document.querySelector('select[name="E"]').addEventListener ('change', ({target:{value}}) => {
opener.document.querySelector('input[name="B"]').value = value;
close ();
}, false);
</script>

--
script は、こんなふうに雑に書いてはいけないのだろうけれど。

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
opener.を利用すればいいですね。ヒントをありがとうございます。

追伸：
デスクトップに貼り付けでは正しくopener.は動作しませんでしたが、サーバの中にファイルをおいたら、正しく動作しました。

通報する

お礼日時：2018/04/13 08:42

No.1

回答者： Ogre7077
回答日時：2018/04/12 19:42

案1

Webサーバー側に用意した API にて、サーバーのセッション機能で明細情報の取得更新を可能とする
検索画面から AJAX にて明細情報を送信する
伝票画面から AJAX にて明細情報を定期的に受信し、画面を書き換える
https://developer.mozilla.org/ja/docs/Web/Guide/ …

案2
ブラウザ内のストレージ機能にて、明細情報を取得更新を可能とする
検索画面からストレージに明細情報を記憶させる
伝票画面からストレージの明細情報を定期的に読み取り、画面を書き換える
https://developer.mozilla.org/ja/docs/Web/API/We …