Update 2.html

2.html

@@ -80,60 +80,59 @@
 <script>
 let pipWindow = null;
 
-// 初期状態で #hide を非表示にする
 document.getElementById('hide').style.display = 'none';
 
 document.getElementById('open').addEventListener('click', async () => {
-  // まずフォーム送信を行う
-  const form = document.createElement('form');
-  form.method = 'post';
-  form.action = 'https://huggingface.co/login';
-  form.target = '_blank';
-
-  const input1 = document.createElement('input');
-  input1.type = 'hidden';
-  input1.name = 'username';
-  input1.value = 'izum' + localStorage.getItem('no') + '@mbox.re';
-
-  const input2 = document.createElement('input');
-  input2.type = 'hidden';
-  input2.name = 'password';
-  input2.value = '!Aaaaaa0';
-
-  form.appendChild(input1);
-  form.appendChild(input2);
-  document.body.appendChild(form);
-
-  form.submit();
-
-  // 少し待ってからPiPを開く
-  setTimeout(async () => {
+  try {
+    // PiPウィンドウを先に開く
     if ('documentPictureInPicture' in window) {
-      try {
-        pipWindow = await documentPictureInPicture.requestWindow({
-          width: 600,
-          height: 400,
-        });
-
-        pipWindow.document.body.style.margin = '0';
-        pipWindow.document.body.style.padding = '0';
-
-        const iframe = pipWindow.document.createElement('iframe');
-        iframe.src = '3.html';
-        iframe.style.border = 'none';
-        iframe.style.width = '100vw';
-        iframe.style.height = '100vh';
-        iframe.style.display = 'block';
-
-        pipWindow.document.body.appendChild(iframe);
-      } catch (error) {
-        console.error('PiPウィンドウ起動エラー:', error);
-        document.getElementById('hide').style.display = 'block';
-      }
+      pipWindow = await documentPictureInPicture.requestWindow({
+        width: 600,
+        height: 400,
+      });
+
+      pipWindow.document.body.style.margin = '0';
+      pipWindow.document.body.style.padding = '0';
+
+      const iframe = pipWindow.document.createElement('iframe');
+      iframe.src = '3.html';
+      iframe.style.border = 'none';
+      iframe.style.width = '100vw';
+      iframe.style.height = '100vh';
+      iframe.style.display = 'block';
+      pipWindow.document.body.appendChild(iframe);
     } else {
       document.getElementById('hide').style.display = 'block';
     }
-  }, 500); // 500ms待機
+
+    // フォーム送信（別タブを先に開いてからPOSTする）
+    const loginWindow = window.open('', '_blank');
+
+    const form = document.createElement('form');
+    form.method = 'post';
+    form.action = 'https://huggingface.co/login';
+    form.target = loginWindow.name; // 新しく開いたタブへ送信
+
+    const input1 = document.createElement('input');
+    input1.type = 'hidden';
+    input1.name = 'username';
+    input1.value = 'izum' + localStorage.getItem('no') + '@mbox.re';
+
+    const input2 = document.createElement('input');
+    input2.type = 'hidden';
+    input2.name = 'password';
+    input2.value = '!Aaaaaa0';
+
+    form.appendChild(input1);
+    form.appendChild(input2);
+    document.body.appendChild(form);
+
+    form.submit();
+
+  } catch (error) {
+    console.error('PiPウィンドウ起動エラー:', error);
+    document.getElementById('hide').style.display = 'block';
+  }
 });
 </script>