WEBINAR: VACATURES SCHRIJVEN DIE CONVERTEREN. Wat jij kan leren van de best-presterende vacatures in de markt!
WEBINAR: VACATURES SCHRIJVEN DIE CONVERTEREN.
Wat jij kan leren van de best-presterende vacatures in de markt!
Bedankt! Je formulier is verzonden.
document.addEventListener('DOMContentLoaded', function() {
console.log("Script geladen en DOM klaar");
const form = document.getElementById('mijnFormulier');
form.addEventListener('submit', function(e) {
e.preventDefault(); // Stop standaard submit
if (grecaptcha.getResponse() === "") {
alert("Bevestig dat je geen robot bent.");
return;
}
const formData = new FormData(form);
fetch("https://hooks.zapier.com/hooks/catch/15800890/u6etgim/", {
method: "POST",
body: formData
})
.then(res => {
if (res.ok) {
document.getElementById('formResult').style.display = "block";
form.reset();
grecaptcha.reset();
} else {
alert("Versturen mislukt. Probeer het opnieuw.");
}
})
.catch(() => {
alert("Verbindingsfout. Probeer het opnieuw.");
});
});
});
Door op ‘versturen’ te klikken ga je akkoord met ons Privacy Beleid.
Wat je krijgt als je je inschrijft:
- … met live Q&A
- Template voor goed-converterende vacatureteksten
- Persoonlijke recruitment plan
×
Gratis (jong) talent in je inbox!
Door op ‘aanmelden’ te klikken ga je akkoord dat NewMonday je e-mails mag sturen.
/* Additional inline styles with !important to override conflicts */
#uniqueModal46929 * {
box-sizing: border-box !important;
}
#uniqueModal46929 input:focus {
outline: none !important;
border-color: #ff5722 !important;
box-shadow: 0 0 0 3px rgba(255, 87, 34, 0.1) !important;
}
#uniqueModal46929 button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(255, 87, 34, 0.3) !important;
}
@keyframes modalSlideIn {
from {
transform: scale(0.8) translateY(50px) !important;
opacity: 0 !important;
}
to {
transform: scale(1) translateY(0) !important;
opacity: 1 !important;
}
}
/* Mobile responsive */
@media (max-width: 600px) {
#uniqueModal46929 > div {
padding: 30px 25px !important;
margin: 20px !important;
}
#uniqueModal46929 > div > div {
flex-direction: column !important;
gap: 20px !important;
}
#uniqueModal46929 h2 {
font-size: 24px !important;
}
#decorImg46929 {
display: none !important;
}
}
@media (min-width: 601px) {
#decorImg46929 {
display: block !important;
}
}
(function() {
'use strict';
// Only run on the specific page
if (!document.body.classList.contains('page-id-46929')) {
return;
}
var UniqueModal46929 = {
modal: null,
isShown: false,
autoTimer: null,
init: function() {
this.modal = document.getElementById('uniqueModal46929');
if (!this.modal) {
console.error('Modal not found');
return;
}
this.setupEventListeners();
this.scheduleAutoShow();
},
setupEventListeners: function() {
var self = this;
// Escape key
document.addEventListener('keydown', function(e) {
if ((e.key === 'Escape' || e.keyCode === 27) && self.isShown) {
self.hide();
}
});
// Click outside to close
if (this.modal) {
this.modal.addEventListener('click', function(e) {
if (e.target === self.modal) {
self.hide();
}
});
}
// Cleanup on page unload
window.addEventListener('beforeunload', function() {
if (self.autoTimer) {
clearTimeout(self.autoTimer);
}
});
},
scheduleAutoShow: function() {
var self = this;
// Auto-show after 3 seconds (change to 5000 for 5 seconds)
this.autoTimer = setTimeout(function() {
if (!self.isShown) {
self.show();
}
}, 3000);
},
show: function() {
if (this.modal && !this.isShown) {
this.modal.style.display = 'flex';
this.isShown = true;
document.body.style.overflow = 'hidden';
// Force reflow to ensure animation plays
this.modal.offsetHeight;
}
},
hide: function() {
if (this.modal && this.isShown) {
this.modal.style.display = 'none';
this.isShown = false;
document.body.style.overflow = '';
}
},
handleSubmit: function(event) {
event.preventDefault();
var formData = new FormData(event.target);
var name = formData.get('name');
var email = formData.get('email');
// Email validation
var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
alert('Voer een geldig e-mailadres in.');
return false;
}
// Success
alert('Bedankt voor je aanmelding, ' + name + '!');
event.target.reset();
this.hide();
return false;
}
};
// Make functions global for onclick handlers
window.showUniqueModal46929 = function() {
UniqueModal46929.show();
};
window.hideUniqueModal46929 = function() {
UniqueModal46929.hide();
};
window.handleUniqueFormSubmit46929 = function(event) {
return UniqueModal46929.handleSubmit(event);
};
// Initialize when DOM is ready
function initWhenReady() {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
UniqueModal46929.init();
});
} else {
UniqueModal46929.init();
}
}
// Multiple initialization attempts
initWhenReady();
if (window.addEventListener) {
window.addEventListener('load', function() {
if (!UniqueModal46929.isShown) {
setTimeout(function() {
UniqueModal46929.init();
}, 1000);
}
});
}
})();
