lorre851
Hey! Ik heb het volgende aan de hand:
Op mijn website heb ik een iFrame waarin mijn content wordt geladen. De inhoud van deze iFrame is een pagina die ik CSS-vrij wil houden, aangezien ik die pagina ook wil gebruiken om een mobiele lay-out rond te bouwen.
Wat ik eerder zou willen doen is dit: ik wil een aparte CSS hebben voor de volledige site én voor de mobiele site. Ik wil de CSS stylesheet in het iFrame laden vanuit het parent venster.
Ik heb hiervoor dit script proberen gebruiken, maar dat doet niet bijster veel:
[code]// JavaScript Document
var cssLink = document.createElement("link")
cssLink.href = "css/bodyframe.css";
cssLink .rel = "stylesheet";
cssLink .type = "text/css";
frames['bodyframe'].document.body.appendChild(cssLink);[/code]
M'n stylesheet "bodyframe.css" ziet er zo uit:
[code]@charset "utf-8";
/* CSS Document */
div {
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
}
[/code]
Maar het script werkt om de een of andere reden niet. De stylesheet wordt niet toegepast op de inhoud van het iFrame. Weet iemand wat er mis gaat, of hoe ik het anders zou moeten doen?
27 augustus 2012 17:03