data; ?>




Vorschau:
function el(id){ return document.getElementById(id); } function toggleBg(v){ el('bgcolor').style.display = (v==='custom') ? 'block' : 'none'; } function toggleColor(v){ el('color').style.display = (v==='custom') ? 'block' : 'none'; } function updatePreview(){ const t1 = el('text1').value || ''; const t2 = el('text2').value || ''; const t3 = el('text3').value || ''; const t4 = el('text4').value || ''; let txt = [t1,t2,t3,t4].filter(Boolean).join(" ✦ ✦ ✦ "); txt = txt ? "✦ ✦ ✦ " + txt + " ✦ ✦ ✦" : ""; const sp = el('speed').value; el('speedVal').innerText = sp; const bgSel = el('bgcolor_select').value; const bg = (bgSel === 'custom') ? el('bgcolor').value : ''; const colSel = el('color_select').value; const col = (colSel === 'custom') ? el('color').value : colSel; let anim = 'marqueeAnim ' + sp + 's linear infinite'; let html = '
'; if(col === 'rainbow'){ html += '
' + txt + '
'; } else { html += '
' + txt + '
'; } html += '
'; el('preview').innerHTML = html; } document.addEventListener("DOMContentLoaded", function(){ el('speed').addEventListener('input', updatePreview); el('text1').addEventListener('input', updatePreview); el('text2').addEventListener('input', updatePreview); el('text3').addEventListener('input', updatePreview); el('text4').addEventListener('input', updatePreview); el('bgcolor_select').addEventListener('change', function(){ toggleBg(this.value); updatePreview(); }); el('color_select').addEventListener('change', function(){ toggleColor(this.value); updatePreview(); }); el('bgcolor').addEventListener('input', updatePreview); el('color').addEventListener('input', updatePreview); toggleBg(el('bgcolor_select').value); toggleColor(el('color_select').value); updatePreview(); }); JS; $content = ob_get_clean(); include "admin_master_template.php"; ?>