|
|
| Linha 100: |
Linha 100: |
|
| |
|
| /* Teste Menu */ | | /* Teste Menu */ |
| function changeContent(region) { | | function showContent(contentId) { |
| const content = document.getElementById('content2'); | | const sections = document.querySelectorAll('.content-section'); |
| let newContent = ''; | | sections.forEach(section => section.classList.remove('active')); |
|
| |
|
| switch(region) { | | const activeSection = document.getElementById(contentId); |
| case 'parte1':
| | if (activeSection) { |
| newContent = `
| | activeSection.classList.add('active'); |
| <h3>Parte1</h3>
| |
| <p>DLorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu magna fringilla enim sodales pulvinar in vitae ex. Sed cursus, arcu sed porta fermentum, massa enim consequat erat</p>
| |
| `;
| |
| break;
| |
| case 'parte2':
| |
| newContent = `
| |
| <h3>Parte2</h3>
| |
| <p>Descrição específica para Parte 2.</p>
| |
| `;
| |
| break;
| |
| case 'parte3': | |
| newContent = `
| |
| <h3>Parte3</h3>
| |
| <p>Descrição específica para Parte 3.</p>
| |
| <img src="image-nightmare.png" alt="Imagem de Nightmare World">
| |
| `;
| |
| break;
| |
| case 't1h':
| |
| newContent = `
| |
| <h3>Parte4</h3>
| |
| <p>Descrição específica para Parte 4.</p>
| |
| `;
| |
| break;
| |
| default:
| |
| newContent = '<p>Clique em um dos botões acima para ver o conteúdo.</p>';
| |
| } | | } |
|
| |
| content.innerHTML = newContent;
| |
| } | | } |