document.addEventListener('DOMContentLoaded', function () {
const scrollArea = document.querySelector('.jet-tabs__control-wrapper.jet-tabs-scrolling-navigation');
if (!scrollArea) {
console.error('ScrollArea niet gevonden. Controleer de selector.');
return;
}
// Maak pijlen
const leftArrow = document.createElement('button');
const rightArrow = document.createElement('button');
leftArrow.innerHTML = '◀'; // Linkerpijl
rightArrow.innerHTML = '▶'; // Rechterpijl
leftArrow.classList.add('arrow', 'left');
rightArrow.classList.add('arrow', 'right');
// Voeg pijlen toe aan de parent container
const parentContainer = scrollArea.parentElement;
parentContainer.style.position = 'relative'; // Zorg dat de pijlen correct worden gepositioneerd
parentContainer.appendChild(leftArrow);
parentContainer.appendChild(rightArrow);
// Click & Drag functionaliteit
let isDragging = false;
let startX, scrollLeft;
scrollArea.addEventListener('mousedown', (e) => {
isDragging = true;
startX = e.pageX - scrollArea.offsetLeft;
scrollLeft = scrollArea.scrollLeft;
scrollArea.style.cursor = 'grabbing';
});
scrollArea.addEventListener('mouseleave', () => {
isDragging = false;
scrollArea.style.cursor = 'grab';
});
scrollArea.addEventListener('mouseup', () => {
isDragging = false;
scrollArea.style.cursor = 'grab';
});
scrollArea.addEventListener('mousemove', (e) => {
if (!isDragging) return;
const x = e.pageX - scrollArea.offsetLeft;
const walk = (x - startX) * 2; // Pas snelheid aan indien nodig
scrollArea.scrollLeft = scrollLeft - walk;
});
// Pijlen functionaliteit
leftArrow.addEventListener('click', () => {
scrollArea.scrollBy({ left: -100, behavior: 'smooth' });
});
rightArrow.addEventListener('click', () => {
scrollArea.scrollBy({ left: 100, behavior: 'smooth' });
});
});
Bij 4Bizz bieden we met Microsoft Dynamics Business Central de oplossing om jouw voorraadbeheer optimaal te stroomlijnen. Van voorraadniveaus bewaken en automatisch bijbestellen tot het beheren van magazijnlocaties en productiedata – alles is eenvoudig en inzichtelijk. Ontdek hoe jij altijd de juiste voorraad op het juiste moment beschikbaar hebt, met realtime gegevens, efficiënte workflows en nauwkeurige planning. Klaar om jouw voorraadbeheer naar een hoger niveau te tillen?
Swipe hier makkelijk door alle opties heen, lees alvast een introductie tekst en bekijk previews van de oplossingen.
Swipe hier makkelijk door alle opties heen, lees alvast een introductie tekst en bekijk previews van de oplossingen.
Swipe hier makkelijk door alle opties heen, lees alvast een introductie tekst en bekijk previews van de koppelingen.
