https://wiki.aturien-ev.de/api.php?action=feedcontributions&feedformat=atom&user=Clarissa Aturien – Wiki - Benutzerbeiträge [de] 2026-10-22T20:24:21Z Benutzerbeiträge MediaWiki 1.43.0 https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=352 Widget:Test 2026-06-06T13:06:22Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;https://h417397.server55.campusspeicher.de/aturien/wiki/britonia_karte/britonia_karte.html&quot; <br /> style=&quot;width: 100%; min-width: 100%; height: 1000px; border: none; display: block;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Standard-Iframe-Widget.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=351 Test 2026-06-06T13:03:51Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=350 Widget:Test 2026-06-06T13:03:37Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;https://h417397.server55.campusspeicher.de/aturien/wiki/britonia_karte/britonia_karte.html&quot; <br /> style=&quot;width: 100%; min-width: 100%; height: 600px; border: none; display: block;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Standard-Iframe-Widget.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=349 Test 2026-06-06T13:01:17Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|width=1240px|height=1240px}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=348 Test 2026-06-06T13:01:08Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|width=100%|height=1240px}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=347 Test 2026-06-06T13:01:00Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|width=100%|height=1240}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=346 Widget:Test 2026-06-06T13:00:31Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;https://h417397.server55.campusspeicher.de/aturien/wiki/britonia_karte/britonia_karte.html&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Standard-Iframe-Widget.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=345 Test 2026-06-06T12:59:52Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|width=100%|height=600}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=344 Widget:Test 2026-06-06T12:59:34Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;https://www.google.de&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Standard-Iframe-Widget.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=343 Test 2026-06-06T12:58:50Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|url=https://google.com|width=100%|height=600}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=342 Widget:Test 2026-06-06T12:58:33Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Standard-Iframe-Widget.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=341 Test 2026-06-06T12:57:56Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|url=https://www.wikipedia.org|width=100%|height=600}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=340 Test 2026-06-06T12:57:36Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|src=https://www.wikipedia.org|width=100%|height=600}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=339 Test 2026-06-06T12:55:34Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test|url=https://www.wikipedia.org|width=100%|height=600}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=338 Widget:Test 2026-06-06T12:55:14Z <p>Clarissa: </p> <hr /> <div>&lt;noinclude&gt;<br /> Dieses Widget bindet einen Iframe ein.<br /> Nutzung: {{#widget:Test|url=https://example.com|width=100%|height=500}}<br /> &lt;/noinclude&gt;<br /> &lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=337 Widget:Test 2026-06-06T12:55:06Z <p>Clarissa: </p> <hr /> <div>&lt;noinclude&gt;<br /> Dieses Widget bindet einen Iframe ein.<br /> Nutzung: {{#widget:Iframe|url=https://example.com|width=100%|height=500}}<br /> &lt;/noinclude&gt;<br /> &lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=336 Widget:Test 2026-06-06T12:53:12Z <p>Clarissa: </p> <hr /> <div>&lt;smarty&gt;<br /> &lt;iframe src=&quot;{$url}&quot; <br /> width=&quot;{$width|default:'100%'}&quot; <br /> height=&quot;{$height|default:'500'}&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;/smarty&gt;<br /> &lt;noinclude&gt;<br /> Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=335 Widget:Test 2026-06-06T12:49:53Z <p>Clarissa: </p> <hr /> <div>&lt;smarty&gt;<br /> &lt;iframe src=&quot;{$url|escape:'urlpathinfo'}&quot; <br /> width=&quot;{$width|default:'100%'}&quot; <br /> height=&quot;{$height|default:'500'}&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;/smarty&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=334 Test 2026-06-06T12:49:29Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test<br /> |url=https://de.wikipedia.org<br /> |width=800<br /> |height=600<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=333 Test 2026-06-06T12:49:19Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test<br /> |url=&quot;https://de.wikipedia.org&quot;<br /> |width=800<br /> |height=600<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=332 Widget:Test 2026-06-06T12:49:05Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=331 Widget:Test 2026-06-06T12:48:43Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Hier kannst du eine Beschreibung für deine Nutzer hinterlassen. Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=330 Test 2026-06-06T12:48:20Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test<br /> |url=https://de.wikipedia.org<br /> |width=800<br /> |height=600<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=329 Widget:Test 2026-06-06T12:48:04Z <p>Clarissa: </p> <hr /> <div>&lt;smarty&gt;<br /> &lt;iframe src=&quot;{$url|escape:'urlpathinfo'}&quot; <br /> width=&quot;{$width|default:'100%'}&quot; <br /> height=&quot;{$height|default:'500'}&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;/smarty&gt;<br /> &lt;noinclude&gt;<br /> Hier kannst du eine Beschreibung für deine Nutzer hinterlassen. Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=328 Test 2026-06-06T12:46:02Z <p>Clarissa: </p> <hr /> <div>{{#widget:Iframe<br /> |url=https://de.wikipedia.org<br /> |width=800<br /> |height=600<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=327 Widget:Test 2026-06-06T12:45:32Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Hier kannst du eine Beschreibung für deine Nutzer hinterlassen. Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=326 Widget:Test 2026-06-06T12:44:07Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Hier kannst du eine Beschreibung für deine Nutzer hinterlassen.<br /> Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=325 Test 2026-06-06T12:43:34Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test<br /> |url=https://h417397.server55.campusspeicher.de/aturien/wiki/britonia_karte/britonia_karte.html<br /> |width=800<br /> |height=600<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=324 Test 2026-06-06T12:43:09Z <p>Clarissa: </p> <hr /> <div>{{#widget:Test<br /> |url=https://de.wikipedia.org<br /> |width=800<br /> |height=600<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=323 Widget:Test 2026-06-06T12:42:17Z <p>Clarissa: </p> <hr /> <div>&lt;smarty&gt;<br /> &lt;iframe src=&quot;{$url|escape:'urlpathinfo'}&quot; <br /> width=&quot;{$width|default:'100%'}&quot; <br /> height=&quot;{$height|default:'500'}&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;/smarty&gt;<br /> &lt;noinclude&gt;<br /> Hier kannst du eine Beschreibung für deine Nutzer hinterlassen. Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=322 Widget:Test 2026-06-06T12:41:02Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;&quot; <br /> width=&quot;&quot; <br /> height=&quot;&quot; <br /> style=&quot;border:none;&quot;&gt;<br /> &lt;/iframe&gt;<br /> &lt;noinclude&gt;<br /> Hier kannst du eine Beschreibung für deine Nutzer hinterlassen.<br /> Standardbreite: 100%, Standardhöhe: 500px.<br /> &lt;/noinclude&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=321 Test 2026-06-06T11:55:45Z <p>Clarissa: </p> <hr /> <div>&lt;iframe src=&quot;https://www.wikipedia.org&quot; width=&quot;400&quot; height=&quot;300&quot;&gt;&lt;/iframe&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=320 Test 2026-06-06T11:54:02Z <p>Clarissa: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „{{Widget:Test}}“</p> <hr /> <div>{{Widget:Test}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=319 Widget:Test 2026-06-06T11:53:46Z <p>Clarissa: Der Seiteninhalt wurde durch einen anderen Text ersetzt: „&lt;iframe src=&quot;/wiki/britonia_karte/britonia_karte.html&quot; width=&quot;680&quot; height=&quot;800&quot; frameborder=&quot;0&quot; style=&quot;border:none; max-width:100%&quot;&gt;&lt;/iframe&gt;“</p> <hr /> <div>&lt;iframe src=&quot;/wiki/britonia_karte/britonia_karte.html&quot; width=&quot;680&quot; height=&quot;800&quot; frameborder=&quot;0&quot; style=&quot;border:none; max-width:100%&quot;&gt;&lt;/iframe&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=318 Widget:Test 2026-06-06T11:25:03Z <p>Clarissa: </p> <hr /> <div>&lt;style&gt;<br /> .lm-wrapper{display:inline-block;max-width:100%;border:1px solid #a2a9b1;border-radius:6px;overflow:hidden;background:#f8f9fa;vertical-align:top}<br /> .lm-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #a2a9b1;min-height:42px}<br /> .lm-controls-title{font-size:.82em;font-weight:bold;color:#54595d;margin-right:4px}<br /> .lm-btn{display:inline-flex;align-items:center;padding:4px 12px;font-size:.82em;font-family:inherit;color:#202122;background:#fff;border:1px solid #a2a9b1;border-radius:3px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}<br /> .lm-btn:hover{background:#eaf3fb;border-color:#3680b0;color:#0645ad}<br /> .lm-btn-active{background:#3680b0;color:#fff;border-color:#3680b0}<br /> .lm-viewport{position:relative;display:block;overflow:hidden;background:#eaecf0}<br /> .lm-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:fill;max-width:none;transition:opacity .2s ease;pointer-events:none}<br /> .lm-layer:first-child{position:relative}<br /> .lm-opacity-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8f9fa;border-top:1px solid #a2a9b1}<br /> .lm-opacity-label{font-size:.80em;color:#54595d;white-space:nowrap}<br /> .lm-opacity-slider{flex:1;accent-color:#3680b0;cursor:pointer}<br /> .lm-opacity-value{font-size:.80em;color:#202122;min-width:36px;text-align:right}<br /> &lt;/style&gt;<br /> <br /> &lt;div class=&quot;lm-wrapper&quot; id=&quot;lm-{{{id|karte}}}&quot; style=&quot;width:{{{width|800}}}px;max-width:100%&quot;&gt;<br /> &lt;div class=&quot;lm-controls&quot; role=&quot;toolbar&quot; aria-label=&quot;Kartenebenen&quot;&gt;<br /> &lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;lm-viewport&quot; style=&quot;width:{{{width|800}}}px;height:{{{height|600}}}px;max-width:100%&quot;&gt;<br /> &lt;!--layerdata:{{{layers}}}--&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;lm-opacity-bar&quot; style=&quot;display:none&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-label&quot;&gt;Deckkraft:&lt;/span&gt;<br /> &lt;input class=&quot;lm-opacity-slider&quot; type=&quot;range&quot; min=&quot;0&quot; max=&quot;100&quot; value=&quot;100&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-value&quot;&gt;100%&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;script&gt;<br /> (function() {<br /> var wrapperId = 'lm-{{{id|karte}}}';<br /> var wrapper = document.getElementById(wrapperId);<br /> if (!wrapper) return;<br /> <br /> var viewport = wrapper.querySelector('.lm-viewport');<br /> var controls = wrapper.querySelector('.lm-controls');<br /> var opacityBar = wrapper.querySelector('.lm-opacity-bar');<br /> var opacitySlider = opacityBar.querySelector('.lm-opacity-slider');<br /> var opacityValue = opacityBar.querySelector('.lm-opacity-value');<br /> <br /> var comment = viewport.innerHTML.match(/&lt;!--layerdata:([\s\S]*?)--&gt;/);<br /> if (!comment) return;<br /> <br /> var layers;<br /> try { layers = JSON.parse(comment[1]); }<br /> catch(e) { console.error('LayeredMap: Ungültiges JSON', e); return; }<br /> <br /> viewport.innerHTML = '';<br /> layers.forEach(function(layer, i) {<br /> var img = document.createElement('img');<br /> img.className = 'lm-layer';<br /> img.id = wrapperId + '-layer' + i;<br /> img.src = layer.image;<br /> img.alt = layer.label;<br /> img.style.opacity = layer.visible ? '1' : '0';<br /> viewport.appendChild(img);<br /> });<br /> <br /> controls.innerHTML = '&lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;';<br /> layers.forEach(function(layer, i) {<br /> var btn = document.createElement('button');<br /> btn.type = 'button';<br /> btn.textContent = layer.label;<br /> btn.className = 'lm-btn' + (layer.visible ? ' lm-btn-active' : '');<br /> if (layer.visible) {<br /> btn.style.background = layer.color;<br /> btn.style.borderColor = layer.color;<br /> btn.style.color = '#fff';<br /> }<br /> btn.addEventListener('click', function() {<br /> layer.visible = !layer.visible;<br /> var img = document.getElementById(wrapperId + '-layer' + i);<br /> if (img) img.style.opacity = layer.visible ? '1' : '0';<br /> btn.className = 'lm-btn' + (layer.visible ? ' lm-btn-active' : '');<br /> btn.style.background = layer.visible ? layer.color : '';<br /> btn.style.borderColor = layer.visible ? layer.color : '';<br /> btn.style.color = layer.visible ? '#fff' : '';<br /> });<br /> btn.addEventListener('mouseenter', function() {<br /> if (!layer.visible) return;<br /> var img = document.getElementById(wrapperId + '-layer' + i);<br /> opacitySlider.dataset.target = wrapperId + '-layer' + i;<br /> opacitySlider.value = Math.round(parseFloat(img.style.opacity) * 100);<br /> opacityValue.textContent = opacitySlider.value + '%';<br /> opacityBar.style.display = 'flex';<br /> });<br /> controls.appendChild(btn);<br /> });<br /> <br /> opacitySlider.addEventListener('input', function() {<br /> var img = document.getElementById(opacitySlider.dataset.target);<br /> if (img) img.style.opacity = opacitySlider.value / 100;<br /> opacityValue.textContent = opacitySlider.value + '%';<br /> });<br /> wrapper.addEventListener('mouseleave', function() {<br /> opacityBar.style.display = 'none';<br /> });<br /> })();<br /> &lt;/script&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=317 Widget:Test 2026-06-06T11:23:00Z <p>Clarissa: </p> <hr /> <div>{literal}&lt;style&gt;<br /> /* CSS hier */<br /> &lt;/style&gt;{/literal}<br /> <br /> &lt;div class=&quot;lm-wrapper&quot; id=&quot;lm-{{{id|karte}}}&quot; style=&quot;width:{{{width|800}}}px; max-width:100%&quot;&gt;<br /> &lt;div class=&quot;lm-controls&quot; role=&quot;toolbar&quot;&gt;<br /> &lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;lm-viewport&quot; style=&quot;width:{{{width|800}}}px; height:{{{height|600}}}px; max-width:100%&quot;&gt;<br /> &lt;!--layerdata:{{{layers}}}--&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;lm-opacity-bar&quot; style=&quot;display:none&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-label&quot;&gt;Deckkraft:&lt;/span&gt;<br /> &lt;input class=&quot;lm-opacity-slider&quot; type=&quot;range&quot; min=&quot;0&quot; max=&quot;100&quot; value=&quot;100&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-value&quot;&gt;100%&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> {literal}&lt;script&gt;<br /> (function() {<br /> function init() {<br /> var wrapperId = '{/literal}{{{id|karte}}}{literal}';<br /> var wrapper = document.getElementById('lm-' + wrapperId);<br /> if (!wrapper) return;<br /> <br /> var viewport = wrapper.querySelector('.lm-viewport');<br /> var controls = wrapper.querySelector('.lm-controls');<br /> var opacityBar = wrapper.querySelector('.lm-opacity-bar');<br /> var opacitySlider = opacityBar.querySelector('.lm-opacity-slider');<br /> var opacityValue = opacityBar.querySelector('.lm-opacity-value');<br /> <br /> var comment = viewport.innerHTML.match(/&lt;!--layerdata:([\s\S]*?)--&gt;/);<br /> if (!comment) return;<br /> <br /> var layers;<br /> try { layers = JSON.parse(comment[1]); }<br /> catch(e) { return; }<br /> <br /> viewport.innerHTML = '';<br /> layers.forEach(function(layer, i) {<br /> var img = document.createElement('img');<br /> img.className = 'lm-layer';<br /> img.id = 'lm-' + wrapperId + '-layer' + i;<br /> img.src = layer.image;<br /> img.alt = layer.label;<br /> img.style.opacity = layer.visible ? '1' : '0';<br /> viewport.appendChild(img);<br /> });<br /> <br /> controls.innerHTML = '&lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;';<br /> layers.forEach(function(layer, i) {<br /> var btn = document.createElement('button');<br /> btn.type = 'button';<br /> btn.textContent = layer.label;<br /> btn.className = 'lm-btn' + (layer.visible ? ' lm-btn-active' : '');<br /> if (layer.visible) {<br /> btn.style.background = layer.color;<br /> btn.style.borderColor = layer.color;<br /> btn.style.color = '#fff';<br /> }<br /> btn.addEventListener('click', function() {<br /> layer.visible = !layer.visible;<br /> var img = document.getElementById('lm-' + wrapperId + '-layer' + i);<br /> if (img) img.style.opacity = layer.visible ? '1' : '0';<br /> btn.className = 'lm-btn' + (layer.visible ? ' lm-btn-active' : '');<br /> btn.style.background = layer.visible ? layer.color : '';<br /> btn.style.borderColor = layer.visible ? layer.color : '';<br /> btn.style.color = layer.visible ? '#fff' : '';<br /> });<br /> btn.addEventListener('mouseenter', function() {<br /> if (!layer.visible) return;<br /> var img = document.getElementById('lm-' + wrapperId + '-layer' + i);<br /> opacitySlider.dataset.target = 'lm-' + wrapperId + '-layer' + i;<br /> opacitySlider.value = Math.round(parseFloat(img.style.opacity) * 100);<br /> opacityValue.textContent = opacitySlider.value + '%';<br /> opacityBar.style.display = 'flex';<br /> });<br /> controls.appendChild(btn);<br /> });<br /> <br /> opacitySlider.addEventListener('input', function() {<br /> var img = document.getElementById(opacitySlider.dataset.target);<br /> if (img) img.style.opacity = opacitySlider.value / 100;<br /> opacityValue.textContent = opacitySlider.value + '%';<br /> });<br /> wrapper.addEventListener('mouseleave', function() {<br /> opacityBar.style.display = 'none';<br /> });<br /> }<br /> <br /> if (document.readyState === 'loading') {<br /> document.addEventListener('DOMContentLoaded', init);<br /> } else {<br /> init();<br /> }<br /> })();<br /> &lt;/script&gt;{/literal}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=316 Test 2026-06-06T11:20:23Z <p>Clarissa: </p> <hr /> <div>{{Widget:Test<br /> |id=meine_karte<br /> |width=800<br /> |height=600<br /> |layers=[<br /> {&quot;image&quot;:&quot;/images/a/a4/SäbelrasslerSemanto.png&quot;,&quot;label&quot;:&quot;Grundkarte&quot;,&quot;visible&quot;:true,&quot;color&quot;:&quot;#4a7fb5&quot;},<br /> {&quot;image&quot;:&quot;/images/a/a4/SäbelrasslerSemanto.png&quot;,&quot;label&quot;:&quot;Grenzen&quot;,&quot;visible&quot;:true,&quot;color&quot;:&quot;#c04040&quot;},<br /> {&quot;image&quot;:&quot;/images/a/a4/SäbelrasslerSemanto.png&quot;,&quot;label&quot;:&quot;Gebiete&quot;,&quot;visible&quot;:false,&quot;color&quot;:&quot;#40a060&quot;}<br /> ]<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=315 Test 2026-06-06T11:20:14Z <p>Clarissa: </p> <hr /> <div>{{Widget:LayeredMap<br /> |id=meine_karte<br /> |width=800<br /> |height=600<br /> |layers=[<br /> {&quot;image&quot;:&quot;/images/a/a4/SäbelrasslerSemanto.png&quot;,&quot;label&quot;:&quot;Grundkarte&quot;,&quot;visible&quot;:true,&quot;color&quot;:&quot;#4a7fb5&quot;},<br /> {&quot;image&quot;:&quot;/images/a/a4/SäbelrasslerSemanto.png&quot;,&quot;label&quot;:&quot;Grenzen&quot;,&quot;visible&quot;:true,&quot;color&quot;:&quot;#c04040&quot;},<br /> {&quot;image&quot;:&quot;/images/a/a4/SäbelrasslerSemanto.png&quot;,&quot;label&quot;:&quot;Gebiete&quot;,&quot;visible&quot;:false,&quot;color&quot;:&quot;#40a060&quot;}<br /> ]<br /> }}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=314 Widget:Test 2026-06-06T11:19:01Z <p>Clarissa: </p> <hr /> <div>&lt;!-- CSS --&gt;<br /> &lt;style&gt;<br /> .lm-wrapper {<br /> display: inline-block;<br /> max-width: 100%;<br /> border: 1px solid #a2a9b1;<br /> border-radius: 6px;<br /> overflow: hidden;<br /> background: #f8f9fa;<br /> vertical-align: top;<br /> }<br /> .lm-controls {<br /> display: flex;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> gap: 6px;<br /> padding: 8px 12px;<br /> background: #f8f9fa;<br /> border-bottom: 1px solid #a2a9b1;<br /> min-height: 42px;<br /> }<br /> .lm-controls-title {<br /> font-size: 0.82em;<br /> font-weight: bold;<br /> color: #54595d;<br /> margin-right: 4px;<br /> }<br /> .lm-btn {<br /> display: inline-flex;<br /> align-items: center;<br /> padding: 4px 12px;<br /> font-size: 0.82em;<br /> font-family: inherit;<br /> color: #202122;<br /> background: #ffffff;<br /> border: 1px solid #a2a9b1;<br /> border-radius: 3px;<br /> cursor: pointer;<br /> transition: background 0.15s, color 0.15s, border-color 0.15s;<br /> white-space: nowrap;<br /> }<br /> .lm-btn:hover {<br /> background: #eaf3fb;<br /> border-color: #3680b0;<br /> color: #0645ad;<br /> }<br /> .lm-btn-active {<br /> background: #3680b0;<br /> color: #ffffff;<br /> border-color: #3680b0;<br /> }<br /> .lm-viewport {<br /> position: relative;<br /> display: block;<br /> overflow: hidden;<br /> background: #eaecf0;<br /> }<br /> .lm-layer {<br /> position: absolute;<br /> top: 0; left: 0;<br /> width: 100%; height: 100%;<br /> display: block;<br /> object-fit: fill;<br /> max-width: none;<br /> transition: opacity 0.2s ease;<br /> pointer-events: none;<br /> }<br /> .lm-layer:first-child {<br /> position: relative;<br /> }<br /> .lm-opacity-bar {<br /> display: flex;<br /> align-items: center;<br /> gap: 8px;<br /> padding: 6px 12px;<br /> background: #f8f9fa;<br /> border-top: 1px solid #a2a9b1;<br /> }<br /> .lm-opacity-label {<br /> font-size: 0.80em;<br /> color: #54595d;<br /> white-space: nowrap;<br /> }<br /> .lm-opacity-slider {<br /> flex: 1;<br /> accent-color: #3680b0;<br /> cursor: pointer;<br /> }<br /> .lm-opacity-value {<br /> font-size: 0.80em;<br /> color: #202122;<br /> min-width: 36px;<br /> text-align: right;<br /> }<br /> &lt;/style&gt;<br /> <br /> &lt;!-- HTML --&gt;<br /> &lt;div class=&quot;lm-wrapper&quot; id=&quot;lm-{{{id|karte}}}&quot; style=&quot;width:{{{width|800}}}px; max-width:100%&quot;&gt;<br /> <br /> &lt;div class=&quot;lm-controls&quot; role=&quot;toolbar&quot; aria-label=&quot;Kartenebenen&quot;&gt;<br /> &lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;lm-viewport&quot; style=&quot;width:{{{width|800}}}px; height:{{{height|600}}}px; max-width:100%&quot;&gt;<br /> &lt;!--layerdata:{{{layers}}}--&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;lm-opacity-bar&quot; style=&quot;display:none&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-label&quot;&gt;Deckkraft:&lt;/span&gt;<br /> &lt;input class=&quot;lm-opacity-slider&quot; type=&quot;range&quot; min=&quot;0&quot; max=&quot;100&quot; value=&quot;100&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-value&quot;&gt;100%&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> &lt;!-- JavaScript --&gt;<br /> &lt;script&gt;<br /> (function() {<br /> function init() {<br /> var wrapperId = 'lm-{{{id|karte}}}';<br /> var wrapper = document.getElementById(wrapperId);<br /> if (!wrapper) return;<br /> <br /> var viewport = wrapper.querySelector('.lm-viewport');<br /> var controls = wrapper.querySelector('.lm-controls');<br /> var opacityBar = wrapper.querySelector('.lm-opacity-bar');<br /> var opacitySlider = opacityBar.querySelector('.lm-opacity-slider');<br /> var opacityValue = opacityBar.querySelector('.lm-opacity-value');<br /> <br /> var comment = viewport.innerHTML.match(/&lt;!--layerdata:([\s\S]*?)--&gt;/);<br /> if (!comment) return;<br /> <br /> var layers;<br /> try { layers = JSON.parse(comment[1]); }<br /> catch(e) { return; }<br /> <br /> viewport.innerHTML = '';<br /> layers.forEach(function(layer, i) {<br /> var img = document.createElement('img');<br /> img.className = 'lm-layer';<br /> img.id = wrapperId + '-layer' + i;<br /> img.src = layer.image;<br /> img.alt = layer.label;<br /> img.style.opacity = layer.visible ? '1' : '0';<br /> viewport.appendChild(img);<br /> });<br /> <br /> controls.innerHTML = '&lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;';<br /> layers.forEach(function(layer, i) {<br /> var btn = document.createElement('button');<br /> btn.type = 'button';<br /> btn.textContent = layer.label;<br /> btn.className = 'lm-btn' + (layer.visible ? ' lm-btn-active' : '');<br /> if (layer.visible) {<br /> btn.style.background = layer.color;<br /> btn.style.borderColor = layer.color;<br /> btn.style.color = '#fff';<br /> }<br /> btn.addEventListener('click', function() {<br /> layer.visible = !layer.visible;<br /> var img = document.getElementById(wrapperId + '-layer' + i);<br /> if (img) img.style.opacity = layer.visible ? '1' : '0';<br /> btn.className = 'lm-btn' + (layer.visible ? ' lm-btn-active' : '');<br /> btn.style.background = layer.visible ? layer.color : '';<br /> btn.style.borderColor = layer.visible ? layer.color : '';<br /> btn.style.color = layer.visible ? '#fff' : '';<br /> });<br /> btn.addEventListener('mouseenter', function() {<br /> if (!layer.visible) return;<br /> var img = document.getElementById(wrapperId + '-layer' + i);<br /> opacitySlider.dataset.target = wrapperId + '-layer' + i;<br /> opacitySlider.value = Math.round(parseFloat(img.style.opacity) * 100);<br /> opacityValue.textContent = opacitySlider.value + '%';<br /> opacityBar.style.display = 'flex';<br /> });<br /> controls.appendChild(btn);<br /> });<br /> <br /> opacitySlider.addEventListener('input', function() {<br /> var img = document.getElementById(opacitySlider.dataset.target);<br /> if (img) img.style.opacity = opacitySlider.value / 100;<br /> opacityValue.textContent = opacitySlider.value + '%';<br /> });<br /> wrapper.addEventListener('mouseleave', function() {<br /> opacityBar.style.display = 'none';<br /> });<br /> }<br /> <br /> if (document.readyState === 'loading') {<br /> document.addEventListener('DOMContentLoaded', init);<br /> } else {<br /> init();<br /> }<br /> })();<br /> &lt;/script&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Widget:Test&diff=313 Widget:Test 2026-06-06T11:16:58Z <p>Clarissa: Die Seite wurde neu angelegt: „&lt;div class=&quot;lm-wrapper&quot; id=&quot;lm-{{{id}}}&quot; style=&quot;width:{{{width|800}}}px; max-width:100%&quot;&gt; &lt;div class=&quot;lm-controls&quot; role=&quot;toolbar&quot; aria-label=&quot;Kartenebenen&quot;&gt; &lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt; &lt;/div&gt; &lt;div class=&quot;lm-viewport&quot; style=&quot;width:{{{width|800}}}px; height:{{{height|600}}}px; max-width:100%&quot;&gt; &lt;!--layerdata:{{{layers}}}--&gt; &lt;/div&gt; &lt;div class=&quot;lm-opacity-bar&quot; style=&quot;display:none&quot;&gt; &lt;span class=&quot;lm-opacity-label&quot;&gt;Deckk…“</p> <hr /> <div>&lt;div class=&quot;lm-wrapper&quot; id=&quot;lm-{{{id}}}&quot; style=&quot;width:{{{width|800}}}px; max-width:100%&quot;&gt;<br /> <br /> &lt;div class=&quot;lm-controls&quot; role=&quot;toolbar&quot; aria-label=&quot;Kartenebenen&quot;&gt;<br /> &lt;span class=&quot;lm-controls-title&quot;&gt;Ebenen&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;lm-viewport&quot; style=&quot;width:{{{width|800}}}px; height:{{{height|600}}}px; max-width:100%&quot;&gt;<br /> &lt;!--layerdata:{{{layers}}}--&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;lm-opacity-bar&quot; style=&quot;display:none&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-label&quot;&gt;Deckkraft:&lt;/span&gt;<br /> &lt;input class=&quot;lm-opacity-slider&quot; type=&quot;range&quot; min=&quot;0&quot; max=&quot;100&quot; value=&quot;100&quot;&gt;<br /> &lt;span class=&quot;lm-opacity-value&quot;&gt;100%&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=312 Test 2026-06-06T10:59:29Z <p>Clarissa: </p> <hr /> <div>Test<br /> {{#invoke:Math|precision|3.14159|2}}</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Modul:LayeredMap&diff=311 Modul:LayeredMap 2026-06-06T10:49:29Z <p>Clarissa: </p> <hr /> <div>local p = {}<br /> <br /> function p.render(frame)<br /> return '&lt;div class=&quot;lm-wrapper&quot;&gt;Test&lt;/div&gt;'<br /> end<br /> <br /> return p</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Modul:LayeredMap&diff=310 Modul:LayeredMap 2026-06-06T10:48:34Z <p>Clarissa: Die Seite wurde neu angelegt: „Test“</p> <hr /> <div>Test</div> Clarissa https://wiki.aturien-ev.de/index.php?title=MediaWiki:Common.js&diff=309 MediaWiki:Common.js 2026-06-06T10:30:12Z <p>Clarissa: </p> <hr /> <div>/* Das folgende JavaScript wird für alle Benutzer geladen. */</div> Clarissa https://wiki.aturien-ev.de/index.php?title=MediaWiki:Common.js&diff=308 MediaWiki:Common.js 2026-06-06T10:28:28Z <p>Clarissa: </p> <hr /> <div>/* Das folgende JavaScript wird für alle Benutzer geladen. */<br /> mw.loader.using('mediawiki.util').then(function() {<br /> mw.util.addPortletLink('p-tb', '#', 'JS funktioniert!');<br /> });</div> Clarissa https://wiki.aturien-ev.de/index.php?title=Test&diff=302 Test 2026-03-16T12:42:57Z <p>Clarissa: Die Seite wurde neu angelegt: „Test“</p> <hr /> <div>Test</div> Clarissa https://wiki.aturien-ev.de/index.php?title=MediaWiki:Common.js&diff=290 MediaWiki:Common.js 2025-12-02T21:38:21Z <p>Clarissa: Die Seite wurde neu angelegt: „/* Das folgende JavaScript wird für alle Benutzer geladen. */ console.log(&#039;Test Common.js&#039;);“</p> <hr /> <div>/* Das folgende JavaScript wird für alle Benutzer geladen. */<br /> console.log('Test Common.js');</div> Clarissa