document.addEventListener('DOMContentLoaded', () => { const containers = document.querySelectorAll('.ed-container'); containers.forEach(container => { const listItems = container.querySelectorAll('.ed-list-item'); const btnPrev = container.querySelector('.ed-prev'); const btnNext = container.querySelector('.ed-next'); // Elementos do painel principal const mainImg = container.querySelector('.ed-main-img'); const mainCat = container.querySelector('.ed-cat'); const mainDate = container.querySelector('.ed-date'); const mainTitle = container.querySelector('.ed-title-main a'); const mainExcerpt = container.querySelector('.ed-excerpt'); const mainLink = container.querySelector('.ed-read-more'); let currentIndex = 0; const totalItems = listItems.length; if (totalItems === 0) return; // Atualiza a vista principal const updateMainPanel = (index) => { // Remove ativa de todos listItems.forEach(item => item.classList.remove('is-active')); // Adiciona ativa ao selecionado const activeItem = container.querySelector(`.ed-list-item[data-index="${index}"]`); if (!activeItem) return; activeItem.classList.add('is-active'); const data = activeItem.dataset; // Transição Suave Imagem if (mainImg) { mainImg.style.opacity = '0.4'; setTimeout(() => { if (data.img) { mainImg.src = data.img; mainImg.style.display = 'block'; } mainImg.style.opacity = '1'; }, 250); } // Atualização de Textos e Links mainCat.textContent = data.cat; mainDate.textContent = data.date; mainTitle.textContent = data.title; mainTitle.href = data.url; mainExcerpt.textContent = data.excerpt; mainLink.href = data.url; currentIndex = parseInt(index); }; // Eventos de Clique nos Items Laterais listItems.forEach(item => { item.addEventListener('click', function(e) { // Impede navegação ao clicar no bloco apenas para trocar o slider // Se quiseres que o utilizador vá para a página ao clicar, remove o preventDefault e.preventDefault(); updateMainPanel(this.dataset.index); }); item.addEventListener('keydown', function(e) { if (e.key === 'Enter') { e.preventDefault(); updateMainPanel(this.dataset.index); } }); }); // Navegação por Setas if (btnPrev && btnNext) { btnPrev.addEventListener('click', () => { let newIndex = currentIndex - 1; if (newIndex < 0) newIndex = totalItems - 1; updateMainPanel(newIndex); }); btnNext.addEventListener('click', () => { let newIndex = currentIndex + 1; if (newIndex >= totalItems) newIndex = 0; updateMainPanel(newIndex); }); } }); }); Missão Dom Bosco - Fundo Solidário Salesiano
Salesianos
Quantos-queres ajudar?
Solidariedade

Quantos-queres ajudar?

Nesta Quaresma, transforma pequenos gestos em ajuda concreta.

Saber mais
Emergência no Líbano: acolher e proteger famílias deslocadas pela guerra
Solidariedade

Emergência no Líbano: acolher e proteger famílias deslocadas pela guerra

116 pessoas acolhidas pelos Salesianos precisam da sua ajuda urgente para alimentação, abrigo e cuidados essenciais.

Saber mais
Missão Dom Bosco

Missão Dom Bosco

Fundo Solidário Salesiano

Saber mais

Projetos

Nacionais e Internacionais

Campanhas

Apoie estas causas

Como ajudar?

Saiba como

Faça um donativo

Ajude esta missão

Missão Dom Bosco

Fundo Solidário Salesiano

A Missão Dom Bosco – Fundo Solidário Salesiano é a plataforma de angariação de fundos da Fundação Salesianos e o coração da nossa vocação em transformar vidas. Inspirados pelo legado e pelo carisma de São João Bosco, dedicamo-nos a apoiar projetos e causas que tocam diretamente as vidas de crianças, jovens e suas famílias – em Portugal e em todo o mundo.

Conheça a nossa missão
Faça parte desta Missão

Benfeitor Salesiano

Tornar-se Benfeitor Salesiano é participar na missão salesiana, em favor das crianças e jovens vulneráveis e desprotegidos, tornando-se assim também continuador de São João Bosco. Dá suporte à atividade da Missão Dom Bosco que, em Portugal e no mundo, apoia e promove projetos de bem e serviço aos mais necessitados.

Saiba como
Reportar Erro

Reportar Erro

Encontrou algum problema? Diga-nos o que aconteceu.