Widget:Test3: mudanças entre as edições

Widget:Test3 (ver código-fonte)

Edição das 00h26min de 4 de setembro de 2024

Sem alterações no tamanho , 4 setembro

sem sumário de edição

Renee

Administradores

5 805

edições

@@ Linha 186: / Linha 186: @@
      'Pisos': 'Piso'
 };
 function updateTags() {
@@ Linha 231: / Linha 230: @@
      tagButtons.classList.toggle('hidden', tags.length === 0);
 }
 function filterImages() {
@@ Linha 296: / Linha 292: @@
 }
+mapTypeSelect.addEventListener('change', () => {
+    updateTags();
+    filterImages();
+});
+specificOptionSelect.addEventListener('change', () => {
+    updateTags();
+    filterImages();
+});
+filterButton.addEventListener('click', () => {
+    filterImages();
+});
+searchIdsInput.addEventListener('input', () => {
+    filterImages();
+});
-        mapTypeSelect.addEventListener('change', () => {
+enableFilter.addEventListener('change', () => {
-            updateTags();
+    const isEnabled = enableFilter.checked;
-            filterImages();
-        });
-        specificOptionSelect.addEventListener('change', () => {
+    mapTypeSelect.disabled = isEnabled;
-            updateTags();
+    specificOptionSelect.disabled = isEnabled;
-            filterImages();
-        });
-        filterButton.addEventListener('click', () => {
+    filterOptions.classList.toggle('hidden', !isEnabled);
-            filterImages();
-        });
-         searchIdsInput.addEventListener('input', () => {
+    if (isEnabled) {
-            filterImages();
+        mapTypeSelect.value = '';
-        });
+        specificOptionSelect.value = '';
+         searchIdsInput.value = '';
+        filterImages();
+    }
+});
-        enableFilter.addEventListener('change', () => {
+function initializePage() {
-            filterOptions.classList.toggle('hidden', !enableFilter.checked);
+    specificOptionSelect.classList.remove('hidden');
-            if (!enableFilter.checked) {
+    filterOptions.classList.add('hidden');
-                filterImages();
+    tagButtons.classList.add('hidden');
-            }
+    updateTags();
-        });
+}
-        function initializePage() {
+initializePage();
-            specificOptionSelect.classList.remove('hidden');
-            filterOptions.classList.add('hidden');
-            tagButtons.classList.add('hidden');
-            updateTags();
-        }
-        initializePage();
      </script>
 </body>
 </html>