Vorlage:TransparenteIFrames: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 46: | Zeile 46: | ||
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | ||
}); | |||
</script></syntaxhighlight> | |||
|} | |||
}}}| | |||
}} | |||
{{#if:{{{rolloverEvent|}}}|{{{ | |||
{| class="wikitable" | |||
|- | |||
! Werbeform !! Position !! Code | |||
|- | |||
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script> | |||
window.addEventListener("message", (event) => { | |||
const referrer = new URL(document.referrer).hostname; | |||
const origin = new URL(event.origin).hostname; | |||
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return; | |||
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | |||
}); | |||
</script></syntaxhighlight> | |||
|} | |||
}}}| | |||
}} | |||
{{#if:{{{slidingSkin|}}}|{{{ | |||
{| class="wikitable" | |||
|- | |||
! Werbeform !! Position !! Code | |||
|- | |||
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script> | |||
window.addEventListener("message", (event) => { | |||
const referrer = new URL(document.referrer).hostname; | |||
const origin = new URL(event.origin).hostname; | |||
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return; | |||
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | |||
}); | }); | ||
</script></syntaxhighlight> | </script></syntaxhighlight> | ||
| Zeile 95: | Zeile 131: | ||
</script> | </script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
|- | |||
| Rollover-Event || In jeder Werbeform || <syntaxhighlight lang="html"><script> | |||
window.addEventListener("message", (event) => { | |||
const referrer = new URL(document.referrer).hostname; | |||
const origin = new URL(event.origin).hostname; | |||
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return; | |||
if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | |||
}); | |||
</script></syntaxhighlight> | |||
|- | |||
| Sliding Skin || P2 || <syntaxhighlight lang="html"><script> | |||
window.addEventListener("message", (event) => { | |||
const referrer = new URL(document.referrer).hostname; | |||
const origin = new URL(event.origin).hostname; | |||
if (origin !== referrer || event.data.type !== "iqdIframeTransparency") return; | |||
if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | |||
}); | |||
</script></syntaxhighlight> | |||
|} | |} | ||
</noinclude> | </noinclude> | ||