(function() { 'use strict'; function classReg(cl) { return new RegExp('(\\s|^)'+ cl +'(\\s|$)'); } function hasClass(el, cl) { return el.className.match(classReg(cl)); } function addClass(el, cl) { if (!hasClass(el, cl)) { el.className += ' ' + cl; } } function removeClass(el, cl) { if (hasClass(el, cl)) { el.className = el.className.replace(classReg(cl), ''); } } function extend(obj1, obj2) { var obj = {}; for (var key in obj1) { obj[key] = obj2[key] === undefined ? obj1[key] : obj2[key]; } return obj; } var melde = function(el, opts) { this.melde = el, this.triggerBtn = document.querySelectorAll('[data-trigger-melde="' + this.melde.id + '"]'), this.closeBtn = this.melde.querySelectorAll('[data-close-melde]'), this.body = document.body, this.defaults = { activeClass: 'melde--active', bodyClass: 'melde-is-active', overlay: true, overlayClass: 'melde__overlay', openCallback: null, closeCallback: null }, this.opts = extend(this.defaults, opts); }; melde.prototype = { init: function() { this.meldeTriggering(); }, meldeTriggering: function() { var self = this; for (var i = 0; i < self.triggerBtn.length; i++) { self.triggerBtn[i].addEventListener('click', self.openmelde.bind(this)); } }, openmelde: function() { var self = this; if (self.opts.overlay) { self.appendOverlay(); } addClass(self.melde, self.opts.activeClass); addClass(self.body, self.opts.bodyClass); for (var i = 0; i < self.closeBtn.length; i++) { self.closeBtn[i].addEventListener('click', this.closemelde.bind(this)); } if (self.opts.openCallback) { self.opts.openCallback.call(self); } setTimeout(function() { self.closeBtn[0].focus(); }, 500); }, closemelde: function() { var self = this; removeClass(self.melde, self.opts.activeClass); removeClass(self.body, self.opts.bodyClass); for (var i = 0; i < self.closeBtn.length; i++) { self.closeBtn[i].removeEventListener('click', this.closemelde.bind(this)); } if (self.opts.overlay) { self.removeOverlay(); } if (self.opts.closeCallback) { self.opts.closeCallback.call(self); } }, appendOverlay: function() { var self = this; self.overlay = document.createElement('div'); self.overlay.className = self.opts.overlayClass; self.melde.appendChild(self.overlay); }, removeOverlay: function() { var self = this; setTimeout(function() { self.overlay.remove(); }, 500); } }; window.melde = melde; })(); var meldeEl_20459 = document.getElementById('melde_20459'); var meldeInst = new melde(meldeEl_20459, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp20459 = new getXMLObject(); function ajaxNewspost_20459() { if(xmlhttp20459) { var melde_message = document.getElementById("melde_message_20459").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_20459").value); xmlhttp20459.open("POST","../meldung_send.php",true); xmlhttp20459.onreadystatechange = handleServerResponse20459; xmlhttp20459.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp20459.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse20459() { if (xmlhttp20459.readyState == 4) { if(xmlhttp20459.status == 200) { document.getElementById("melde_message_20459").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_20463 = document.getElementById('melde_20463'); var meldeInst = new melde(meldeEl_20463, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp20463 = new getXMLObject(); function ajaxNewspost_20463() { if(xmlhttp20463) { var melde_message = document.getElementById("melde_message_20463").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_20463").value); xmlhttp20463.open("POST","../meldung_send.php",true); xmlhttp20463.onreadystatechange = handleServerResponse20463; xmlhttp20463.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp20463.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse20463() { if (xmlhttp20463.readyState == 4) { if(xmlhttp20463.status == 200) { document.getElementById("melde_message_20463").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_20467 = document.getElementById('melde_20467'); var meldeInst = new melde(meldeEl_20467, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp20467 = new getXMLObject(); function ajaxNewspost_20467() { if(xmlhttp20467) { var melde_message = document.getElementById("melde_message_20467").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_20467").value); xmlhttp20467.open("POST","../meldung_send.php",true); xmlhttp20467.onreadystatechange = handleServerResponse20467; xmlhttp20467.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp20467.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse20467() { if (xmlhttp20467.readyState == 4) { if(xmlhttp20467.status == 200) { document.getElementById("melde_message_20467").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_21847 = document.getElementById('melde_21847'); var meldeInst = new melde(meldeEl_21847, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp21847 = new getXMLObject(); function ajaxNewspost_21847() { if(xmlhttp21847) { var melde_message = document.getElementById("melde_message_21847").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_21847").value); xmlhttp21847.open("POST","../meldung_send.php",true); xmlhttp21847.onreadystatechange = handleServerResponse21847; xmlhttp21847.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp21847.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse21847() { if (xmlhttp21847.readyState == 4) { if(xmlhttp21847.status == 200) { document.getElementById("melde_message_21847").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_210812 = document.getElementById('melde_210812'); var meldeInst = new melde(meldeEl_210812, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp210812 = new getXMLObject(); function ajaxNewspost_210812() { if(xmlhttp210812) { var melde_message = document.getElementById("melde_message_210812").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_210812").value); xmlhttp210812.open("POST","../meldung_send.php",true); xmlhttp210812.onreadystatechange = handleServerResponse210812; xmlhttp210812.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp210812.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse210812() { if (xmlhttp210812.readyState == 4) { if(xmlhttp210812.status == 200) { document.getElementById("melde_message_210812").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } }