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

sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 37: Linha 37:


         <div id="specificOptions" class="hidden">
         <div id="specificOptions" class="hidden">
             <label for="specificOption">Opções Específicas:</label>
             <label for="specificOption">Local do X:</label>
             <select id="specificOption">
             <select id="specificOption">
                 <option value="">Selecione uma opção</option>
                 <option value="">Selecione uma opção</option>
                <option value="Areia">Areia</option>
                <option value="Gelo">Gelo</option>
                <option value="Grama">Grama</option>
                <option value="Pedra">Pedra</option>
                <option value="Subaquático">Subaquático</option>
                <option value="Terra">Terra</option>
                <option value="Pisos">Pisos</option>
             </select>
             </select>
         </div>
         </div>
Linha 50: Linha 57:
     <script>
     <script>
         const specificOptions = {
         const specificOptions = {
             1: [
             1: {
                 { name: 'Option 1-1', local: 'Pewter', coordinates: '3467, 3743, 6' },
                 'Areia': { local: 'Pewter', coordinates: '3467, 3743, 6' },
                 { name: 'Option 1-2', local: 'Cerulean', coordinates: '1456, 2345, 4' },
                 'Gelo': { local: 'Cerulean', coordinates: '1456, 2345, 4' },
                 { name: 'Option 1-3', local: 'Vermilion', coordinates: '5678, 1234, 5' }
                'Grama': { local: 'Vermilion', coordinates: '5678, 1234, 5' },
             ],
                'Pedra': { local: 'Lavender', coordinates: '6789, 2345, 2' },
             2: [
                'Subaquático': { local: 'Celadon', coordinates: '1234, 5678, 3' },
                 { name: 'Option 2-1', local: 'Lavender', coordinates: '6789, 2345, 2' },
                 'Terra': { local: 'Fuchsia', coordinates: '4567, 6789, 1' },
                 { name: 'Option 2-2', local: 'Celadon', coordinates: '1234, 5678, 3' },
                'Pisos': { local: 'Cinnabar', coordinates: '7890, 1234, 6' }
                 { name: 'Option 2-3', local: 'Fuchsia', coordinates: '4567, 6789, 1' },
             },
                 { name: 'Option 2-4', local: 'Cinnabar', coordinates: '7890, 1234, 6' }
             2: {
            ],
                 'Areia': { local: 'Saffron', coordinates: '3456, 7890, 7' },
            3: [
                'Gelo': { local: 'Pallet', coordinates: '5678, 1234, 2' },
                 { name: 'Option 3-1', local: 'Saffron', coordinates: '3456, 7890, 7' },
                'Grama': { local: 'Pewter', coordinates: '6789, 3456, 4' },
                 { name: 'Option 3-2', local: 'Pallet', coordinates: '5678, 1234, 2' }
                 'Pedra': { local: 'Cerulean', coordinates: '2345, 6789, 5' },
             ]
                'Subaquático': { local: 'Vermilion', coordinates: '1234, 4567, 3' },
                 'Terra': { local: 'Lavender', coordinates: '3456, 7890, 6' },
                'Pisos': { local: 'Celadon', coordinates: '5678, 1234, 2' }
            },
            3: {
                 'Areia': { local: 'Fuchsia', coordinates: '6789, 3456, 4' },
                'Gelo': { local: 'Cinnabar', coordinates: '7890, 1234, 1' },
                'Grama': { local: 'Saffron', coordinates: '4567, 6789, 5' },
                 'Pedra': { local: 'Pallet', coordinates: '1234, 5678, 3' },
                'Subaquático': { local: 'Pewter', coordinates: '6789, 2345, 6' },
                 'Terra': { local: 'Cerulean', coordinates: '3456, 7890, 2' },
                'Pisos': { local: 'Vermilion', coordinates: '5678, 1234, 4' }
             }
         };
         };


         const images = {
         const images = {
             'Option 1-1': 'https://wiki.pokexgames.com/images/b/bc/BagOfPollem.png',
             'Areia': 'https://wiki.pokexgames.com/images/b/bc/BagOfPollem.png',
             'Option 1-2': 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png',
             'Gelo': 'https://wiki.pokexgames.com/images/4/43/AnotherImage.png',
             'Option 1-3': 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png',
             'Grama': 'https://wiki.pokexgames.com/images/3/34/DifferentImage.png',
             'Option 2-1': 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png',
             'Pedra': 'https://wiki.pokexgames.com/images/c/c4/ExampleImage.png',
             'Option 2-2': 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png',
             'Subaquático': 'https://wiki.pokexgames.com/images/5/56/AnotherExample.png',
             'Option 2-3': 'https://wiki.pokexgames.com/images/a/a6/SampleImage.png',
             'Terra': 'https://wiki.pokexgames.com/images/a/a6/SampleImage.png',
             'Option 2-4': 'https://wiki.pokexgames.com/images/d/d7/FinalExample.png',
             'Pisos': 'https://wiki.pokexgames.com/images/d/d7/FinalExample.png'
            'Option 3-1': 'https://wiki.pokexgames.com/images/e/e8/MapType3Option1.png',
            'Option 3-2': 'https://wiki.pokexgames.com/images/f/f9/MapType3Option2.png'
         };
         };


Linha 88: Linha 105:
              
              
             if (selectedMapType) {
             if (selectedMapType) {
                 const options = specificOptions[selectedMapType];
                 const options = Object.keys(specificOptions[selectedMapType]);
                 options.forEach(option => {
                 options.forEach(option => {
                     specificOptionSelect.innerHTML += `<option value="${option.name}">${option.name}</option>`;
                     specificOptionSelect.innerHTML += `<option value="${option}">${option}</option>`;
                 });
                 });


Linha 103: Linha 120:
             const selectedOption = this.value;
             const selectedOption = this.value;
             const imageContainer = document.getElementById('imageContainer');
             const imageContainer = document.getElementById('imageContainer');
            const mapType = document.getElementById('mapType').value;
              
              
             imageContainer.innerHTML = '';
             imageContainer.innerHTML = '';
Linha 108: Linha 126:
             if (selectedOption) {
             if (selectedOption) {
                 const imageUrl = images[selectedOption];
                 const imageUrl = images[selectedOption];
                 const optionInfo = specificOptions[document.getElementById('mapType').value].find(opt => opt.name === selectedOption);
                 const optionInfo = specificOptions[mapType][selectedOption];
                 if (imageUrl && optionInfo) {
                 if (imageUrl && optionInfo) {
                     imageContainer.innerHTML = `
                     imageContainer.innerHTML = `
5 667

edições