回答編集履歴

4

コードの修正とブラウザバックに対応

2020/12/15 18:58

投稿

nekora
nekora

スコア501

test CHANGED
@@ -84,7 +84,49 @@
84
84
 
85
85
  var finalAnchor_TEXT = "";
86
86
 
87
- }
87
+ }
88
+
89
+
90
+
91
+ //ブラウザバックで戻ったとき表示が崩れるので初期状態にもどす
92
+
93
+ window.onpageshow = function(event) {
94
+
95
+ if (event.persisted || window.performance &&
96
+
97
+            window.performance.navigation.type == 2) {
98
+
99
+   //alert("backed");
100
+
101
+ document.getElementById('category').options[0].selected = true;
102
+
103
+ second.textContent = null;
104
+
105
+ var op2 = document.createElement("option");
106
+
107
+ op2.value = "";
108
+
109
+ op2.text = "選択してください";
110
+
111
+ second.appendChild(op2);
112
+
113
+ third.textContent = null;
114
+
115
+ var op3 = document.createElement("option");
116
+
117
+ op3.value = "";
118
+
119
+ op3.text = "選択してください";
120
+
121
+ third.appendChild(op3);
122
+
123
+ finalAnchor.href = "#";
124
+
125
+ finalAnchor.textContent = "";
126
+
127
+ }
128
+
129
+ };
88
130
 
89
131
 
90
132
 
@@ -448,8 +490,6 @@
448
490
 
449
491
  </html>
450
492
 
451
-
452
-
453
493
  ```
454
494
 
455
495
 
@@ -462,4 +502,6 @@
462
502
 
463
503
  ### 12/16 追記:アンカータグの書き換えをやめて自動画面遷移するようにコードを書き換えました。
464
504
 
505
+ ### ブラウザバックで戻ると表示が崩れるので初期化するコードも追加してあります。
506
+
465
507
  ### 再度、動作確認をお願いします。

3

誤字の修正

2020/12/15 18:58

投稿

nekora
nekora

スコア501

test CHANGED
@@ -460,6 +460,6 @@
460
460
 
461
461
 
462
462
 
463
- ### 12/16 追記:アンカータグの書き換えをやめて自動画面繊維するようにコードを書き換えました。
463
+ ### 12/16 追記:アンカータグの書き換えをやめて自動画面遷移するようにコードを書き換えました。
464
-
464
+
465
- 再度、動作確認をお願いします。
465
+ ### 再度、動作確認をお願いします。

2

コードの修正

2020/12/15 17:20

投稿

nekora
nekora

スコア501

test CHANGED
@@ -300,13 +300,13 @@
300
300
 
301
301
 
302
302
 
303
- finalAnchor.href = finalAnchor_URL;
303
+ //finalAnchor.href = finalAnchor_URL;
304
-
304
+
305
- finalAnchor.textContent = finalAnchor_TEXT;
305
+ //finalAnchor.textContent = finalAnchor_TEXT;
306
306
 
307
307
  //上の2行をコメントアウトして、下のコメントを解除すれば、直接画面遷移する
308
308
 
309
- //window.location.href = finalAnchor_URL;
309
+ window.location.href = finalAnchor_URL;
310
310
 
311
311
  }
312
312
 
@@ -457,3 +457,9 @@
457
457
  同じ値を 色々比較したいときは、else ifで繋ぐのではなく```switch case```を使ってください。
458
458
 
459
459
  可読性もよくなり、メンテもしやすくなります。ただし、```default:```を必ず書いて想定外の事態のときの処理を書くようにしてください。
460
+
461
+
462
+
463
+ ### 12/16 追記:アンカータグの書き換えをやめて自動画面繊維するようにコードを書き換えました。
464
+
465
+ 再度、動作確認をお願いします。

1

誤字の修正

2020/12/15 17:07

投稿

nekora
nekora

スコア501

test CHANGED
@@ -456,4 +456,4 @@
456
456
 
457
457
  同じ値を 色々比較したいときは、else ifで繋ぐのではなく```switch case```を使ってください。
458
458
 
459
- 可読性もよくなり、メンテもしやすくなります。ただし、```default:```を必ず書いて想定外の自体のときの処理を書くようにしてください。
459
+ 可読性もよくなり、メンテもしやすくなります。ただし、```default:```を必ず書いて想定外の事態のときの処理を書くようにしてください。