update language switching bug

Ctoic · Nov 8, 2024 · 7768b06 · 7768b06
1 parent 8f15350
commit 7768b06
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/gd.html b/gd.html
@@ -150,7 +150,7 @@
                             <div class="language-selector">
                                 <select
                                     id="language"
-                                    onchange="changeLanguage()"
+                                    onchange="changeLanguageLocally()"
                                     style="background-color: #1db954; color: #fff"
                                 >
                                     <option value="en">English</option>
@@ -799,6 +799,12 @@ <h3 class="text-lg mt-2" data-translate="author">By Richard Dawkins</h3>
 
         <!-- Ensure language sync in iframe -->
         <script>
+            function changeLanguageLocally() {
+                const language = document.getElementById('language').value;
+                console.log('Local language change in gd.html:', language);
+                applyTranslations(language);  // Directly apply translations within gd.html
+            }
+
             function changeLanguage(language) {
                 applyTranslations(language); // Call the translation function from translation.js
             }
@@ -810,10 +816,16 @@ <h3 class="text-lg mt-2" data-translate="author">By Richard Dawkins</h3>
             // Listener for postMessage from index.html
             window.addEventListener('message', (event) => {
                 if (event.data.type === 'changeLanguage') {
-                const language = event.data.language;
-                applyTranslations(language);
+                    const language = event.data.language;
+                    console.log('Message received in gd.html, applying translations for language:', language);
+                    applyTranslations(language);
                 }
             });
+
+            document.addEventListener('DOMContentLoaded', function() {
+                const defaultLanguage = 'en';
+                applyTranslations(defaultLanguage);
+            });
         </script>
 
     </body>