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

Widget:Test (ver código-fonte)

Edição das 03h55min de 23 de agosto de 2024

2 619 bytes adicionados , 23 agosto

sem sumário de edição

Renee

Administradores

5 802

edições

@@ Linha 17: / Linha 17: @@
          }
          .image-container .image-item {
-             flex: 1 0 45%; /* Exibe duas imagens por linha */
+             flex: 1 0 45%; /* Ajustado para exibir duas imagens por linha */
              max-width: 45%;
              text-align: center;
          }
          .image-container img {
-             width: 100px;
+             width: 200px; /* Tamanho fixo para as imagens */
-             height: 100px;
+             height: 200px; /* Tamanho fixo para as imagens */
+            object-fit: cover; /* Mantém a proporção e corta a imagem se necessário */
              margin-bottom: 10px;
          }
@@ Linha 78: / Linha 79: @@
                      { local: 'Shell Island', coordinates: '4299, 3333, 6', imageUrl: 'https://wiki.pokexgames.com/images/d/db/3780%2C_3326%2C_7.png' }
                  ],
-                 'Gelo': { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
+                 'Gelo': [
-                 'Grama': { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
+                    { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
-                 'Pedra': { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
+                    { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
-                 'Subaquático': { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
+                    { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
-                 'Terra': { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/a/a6/SampleImage.png' },
+                    { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
-                 'Pisos': { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/d/d7/FinalExample.png' }
+                    { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
+                    { local: 'Cerulean', coordinates: '1456, 2345, 4', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' }
+                ],
+                 'Grama': [
+                    { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
+                    { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
+                    { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
+                    { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
+                    { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
+                    { local: 'Vermilion', coordinates: '5678, 1234, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' }
+                ],
+                 'Pedra': [
+                    { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
+                    { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
+                    { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
+                    { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
+                    { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
+                    { local: 'Lavender', coordinates: '6789, 2345, 2', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' }
+                ],
+                 'Subaquático': [
+                    { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
+                    { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
+                    { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
+                    { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
+                    { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
+                    { local: 'Celadon', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' }
+                ],
+                 'Terra': [
+                    { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/6/67/ExampleTerra.png' },
+                    { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/6/67/ExampleTerra.png' },
+                    { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/6/67/ExampleTerra.png' },
+                    { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/6/67/ExampleTerra.png' },
+                    { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/6/67/ExampleTerra.png' },
+                    { local: 'Fuchsia', coordinates: '4567, 6789, 1', imageUrl: 'https://wiki.pokexgames.com/images/6/67/ExampleTerra.png' }
+                ],
+                 'Pisos': [
+                    { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/7/78/ExamplePisos.png' },
+                    { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/7/78/ExamplePisos.png' },
+                    { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/7/78/ExamplePisos.png' },
+                    { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/7/78/ExamplePisos.png' },
+                    { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/7/78/ExamplePisos.png' },
+                    { local: 'Cinnabar', coordinates: '7890, 1234, 6', imageUrl: 'https://wiki.pokexgames.com/images/7/78/ExamplePisos.png' }
+                ]
              },
 : { // Mapa Verde
-                 'Areia': { local: 'Saffron', coordinates: '3456, 7890, 7', imageUrl: 'https://wiki.pokexgames.com/images/b/bc/BagOfPollem.png' },
+                 // Adicionar dados para o Mapa Verde aqui
-                'Gelo': { local: 'Pallet', coordinates: '5678, 1234, 2', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
-                'Grama': { local: 'Pewter', coordinates: '6789, 3456, 4', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
-                'Pedra': { local: 'Cerulean', coordinates: '2345, 6789, 5', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
-                'Subaquático': { local: 'Vermilion', coordinates: '1234, 4567, 3', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
-                'Terra': { local: 'Lavender', coordinates: '3456, 7890, 6', imageUrl: 'https://wiki.pokexgames.com/images/a/a6/SampleImage.png' },
-                'Pisos': { local: 'Celadon', coordinates: '5678, 1234, 2', imageUrl: 'https://wiki.pokexgames.com/images/d/d7/FinalExample.png' }
              },
 : { // Mapa Roxo
-                 'Areia': { local: 'Fuchsia', coordinates: '6789, 3456, 4', imageUrl: 'https://wiki.pokexgames.com/images/b/bc/BagOfPollem.png' },
+                 // Adicionar dados para o Mapa Roxo aqui
-                'Gelo': { local: 'Cinnabar', coordinates: '7890, 1234, 1', imageUrl: 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png' },
-                'Grama': { local: 'Saffron', coordinates: '4567, 6789, 5', imageUrl: 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png' },
-                'Pedra': { local: 'Pallet', coordinates: '1234, 5678, 3', imageUrl: 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png' },
-                'Subaquático': { local: 'Pewter', coordinates: '6789, 2345, 6', imageUrl: 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png' },
-                'Terra': { local: 'Cerulean', coordinates: '3456, 7890, 2', imageUrl: 'https://wiki.pokexgames.com/images/a/a6/SampleImage.png' },
-                'Pisos': { local: 'Vermilion', coordinates: '5678, 1234, 4', imageUrl: 'https://wiki.pokexgames.com/images/d/d7/FinalExample.png' }
              }
          };
@@ Linha 108: / Linha 139: @@
              const selectedMapType = this.value;
              const specificOptionSelect = document.getElementById('specificOption');
-            const imageContainer = document.getElementById('imageContainer');
-            specificOptionSelect.innerHTML = '<option value="">Selecione uma opção</option>';
-            imageContainer.innerHTML = '';
              if (selectedMapType) {
+                specificOptionSelect.innerHTML = '<option value="">Selecione uma opção</option>';
                  const options = Object.keys(specificOptions[selectedMapType]);
                  options.forEach(option => {