Vorlage:TransparenteIFrames: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 11: | Zeile 11: | ||
| Page Skin || || <syntaxhighlight lang="html"><script> | | Page Skin || || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | window.addEventListener("message", (event) => { | ||
if (event. | if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return; | ||
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
}); | }); | ||
| Zeile 26: | Zeile 26: | ||
| Value Ad || Top || <syntaxhighlight lang="html"><script> | | Value Ad || Top || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | window.addEventListener("message", (event) => { | ||
if (event. | if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return; | ||
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
}); | }); | ||
| Zeile 34: | Zeile 34: | ||
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | | Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | window.addEventListener("message", (event) => { | ||
if (event. | if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return; | ||
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | ||
| Zeile 53: | Zeile 53: | ||
| Page Skin || || <syntaxhighlight lang="html"><script> | | Page Skin || || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | window.addEventListener("message", (event) => { | ||
if (event. | if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return; | ||
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
}); | }); | ||
| Zeile 61: | Zeile 61: | ||
| Value Ad || Top || <syntaxhighlight lang="html"><script> | | Value Ad || Top || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | window.addEventListener("message", (event) => { | ||
if (event. | if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return; | ||
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
}); | }); | ||
| Zeile 70: | Zeile 70: | ||
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | | Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | window.addEventListener("message", (event) => { | ||
if (event. | if (!Array.isArray(event.data.allowedOrigins) || !event.data.allowedOrigins.includes(event.origin) || event.data.type !== "iqdIframeTransparency") return; | ||
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | ||