(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_66900 = document.getElementById('melde_66900'); var meldeInst = new melde(meldeEl_66900, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp66900 = new getXMLObject(); function ajaxNewspost_66900() { if(xmlhttp66900) { var melde_message = document.getElementById("melde_message_66900").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_66900").value); xmlhttp66900.open("POST","../meldung_send.php",true); xmlhttp66900.onreadystatechange = handleServerResponse66900; xmlhttp66900.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp66900.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse66900() { if (xmlhttp66900.readyState == 4) { if(xmlhttp66900.status == 200) { document.getElementById("melde_message_66900").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_66918 = document.getElementById('melde_66918'); var meldeInst = new melde(meldeEl_66918, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp66918 = new getXMLObject(); function ajaxNewspost_66918() { if(xmlhttp66918) { var melde_message = document.getElementById("melde_message_66918").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_66918").value); xmlhttp66918.open("POST","../meldung_send.php",true); xmlhttp66918.onreadystatechange = handleServerResponse66918; xmlhttp66918.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp66918.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse66918() { if (xmlhttp66918.readyState == 4) { if(xmlhttp66918.status == 200) { document.getElementById("melde_message_66918").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_66956 = document.getElementById('melde_66956'); var meldeInst = new melde(meldeEl_66956, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp66956 = new getXMLObject(); function ajaxNewspost_66956() { if(xmlhttp66956) { var melde_message = document.getElementById("melde_message_66956").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_66956").value); xmlhttp66956.open("POST","../meldung_send.php",true); xmlhttp66956.onreadystatechange = handleServerResponse66956; xmlhttp66956.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp66956.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse66956() { if (xmlhttp66956.readyState == 4) { if(xmlhttp66956.status == 200) { document.getElementById("melde_message_66956").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_67771 = document.getElementById('melde_67771'); var meldeInst = new melde(meldeEl_67771, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp67771 = new getXMLObject(); function ajaxNewspost_67771() { if(xmlhttp67771) { var melde_message = document.getElementById("melde_message_67771").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_67771").value); xmlhttp67771.open("POST","../meldung_send.php",true); xmlhttp67771.onreadystatechange = handleServerResponse67771; xmlhttp67771.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp67771.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse67771() { if (xmlhttp67771.readyState == 4) { if(xmlhttp67771.status == 200) { document.getElementById("melde_message_67771").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_68082 = document.getElementById('melde_68082'); var meldeInst = new melde(meldeEl_68082, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp68082 = new getXMLObject(); function ajaxNewspost_68082() { if(xmlhttp68082) { var melde_message = document.getElementById("melde_message_68082").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_68082").value); xmlhttp68082.open("POST","../meldung_send.php",true); xmlhttp68082.onreadystatechange = handleServerResponse68082; xmlhttp68082.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp68082.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse68082() { if (xmlhttp68082.readyState == 4) { if(xmlhttp68082.status == 200) { document.getElementById("melde_message_68082").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_68083 = document.getElementById('melde_68083'); var meldeInst = new melde(meldeEl_68083, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp68083 = new getXMLObject(); function ajaxNewspost_68083() { if(xmlhttp68083) { var melde_message = document.getElementById("melde_message_68083").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_68083").value); xmlhttp68083.open("POST","../meldung_send.php",true); xmlhttp68083.onreadystatechange = handleServerResponse68083; xmlhttp68083.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp68083.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse68083() { if (xmlhttp68083.readyState == 4) { if(xmlhttp68083.status == 200) { document.getElementById("melde_message_68083").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } } var meldeEl_185307 = document.getElementById('melde_185307'); var meldeInst = new melde(meldeEl_185307, { openCallback: function() { console.log('Callback for when melde is open.'); }, closeCallback: function() { console.log('Callback for when melde is closed.'); } }); meldeInst.init(); var xmlhttp185307 = new getXMLObject(); function ajaxNewspost_185307() { if(xmlhttp185307) { var melde_message = document.getElementById("melde_message_185307").value; var melde_id = encodeURIComponent(document.getElementById("melde_id_185307").value); xmlhttp185307.open("POST","../meldung_send.php",true); xmlhttp185307.onreadystatechange = handleServerResponse185307; xmlhttp185307.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); xmlhttp185307.send("message=" + melde_message + "&melde_id=" + melde_id); } } function handleServerResponse185307() { if (xmlhttp185307.readyState == 4) { if(xmlhttp185307.status == 200) { document.getElementById("melde_message_185307").value=''; } else { alert("Upsal! Da hat es jetzt irgendwo ein Problem geben! Probier es einfach nochmal!"); } } }