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) => { | ||
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'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
| Zeile 26: | Zeile 29: | ||
| Value Ad || Top || <syntaxhighlight lang="html"><script> | | Value Ad || Top || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | 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'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
| Zeile 34: | Zeile 40: | ||
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | | Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | 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'; | if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | ||
| Zeile 53: | Zeile 62: | ||
| Page Skin || || <syntaxhighlight lang="html"><script> | | Page Skin || || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | 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> | ||
|- | |- | ||
| Value Ad || Top || <syntaxhighlight lang="html"><script> | | Value Ad || Top || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | 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'; | if (event.data.htmlNeedsColorScheme && event.data.isFirefox) document.querySelector('html').style.colorScheme = 'dark'; | ||
| Zeile 70: | Zeile 86: | ||
| Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | | Value Ad || Left/Right || <syntaxhighlight lang="html"><script> | ||
window.addEventListener("message", (event) => { | 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'; | if (event.data.htmlNeedsColorScheme) document.querySelector('html').style.colorScheme = 'dark'; | ||