Initial commit
This commit is contained in:
+55
@@ -0,0 +1,55 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
const header = document.querySelector('.site-header');
|
||||
const menuToggle = document.querySelector('.menu-toggle');
|
||||
const navMobile = document.querySelector('.nav-mobile');
|
||||
|
||||
if (header) {
|
||||
window.addEventListener('scroll', () => {
|
||||
header.classList.toggle('scrolled', window.scrollY > 20);
|
||||
}, { passive: true });
|
||||
}
|
||||
|
||||
if (menuToggle && navMobile) {
|
||||
menuToggle.addEventListener('click', () => {
|
||||
const expanded = menuToggle.getAttribute('aria-expanded') === 'true';
|
||||
menuToggle.setAttribute('aria-expanded', String(!expanded));
|
||||
navMobile.classList.toggle('open');
|
||||
document.body.style.overflow = expanded ? '' : 'hidden';
|
||||
});
|
||||
|
||||
navMobile.querySelectorAll('a').forEach((link) => {
|
||||
link.addEventListener('click', () => {
|
||||
menuToggle.setAttribute('aria-expanded', 'false');
|
||||
navMobile.classList.remove('open');
|
||||
document.body.style.overflow = '';
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
document.querySelectorAll('.faq-question').forEach((btn) => {
|
||||
btn.addEventListener('click', () => {
|
||||
const item = btn.closest('.faq-item');
|
||||
const isOpen = item.classList.contains('open');
|
||||
document.querySelectorAll('.faq-item.open').forEach((el) => el.classList.remove('open'));
|
||||
if (!isOpen) item.classList.add('open');
|
||||
});
|
||||
});
|
||||
|
||||
const contactForm = document.getElementById('contact-form');
|
||||
if (contactForm) {
|
||||
contactForm.addEventListener('submit', (e) => {
|
||||
e.preventDefault();
|
||||
const formData = new FormData(contactForm);
|
||||
const name = formData.get('name');
|
||||
const email = formData.get('email');
|
||||
const subject = formData.get('interest') || 'Anfrage';
|
||||
const message = formData.get('message');
|
||||
const body = encodeURIComponent(
|
||||
`Name: ${name}\nE-Mail: ${email}\nTelefon: ${formData.get('phone') || '-'}\nUnternehmen: ${formData.get('company') || '-'}\n\n${message}`
|
||||
);
|
||||
window.location.href = `mailto:office@zisco.at?subject=${encodeURIComponent('Zisco: ' + subject)}&body=${body}`;
|
||||
});
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user