Eine Seite, die sich selbst in einem iframe mit anderem css zeig

[John]

Hallo Leute,
ich versuche seit geraumer Zeit es mit Hilfe von Javascript hinzubekommen, dass eine Seite sich selber in einem iframe zeigt, jedoch im iframe die css datei ausgetauscht wird. Folgender Code tauscht die css-datei bei beiden seiten (Im iframe und in der "normalen" Seite aus). Das Ziel ist, auf der website die Mobile-Variante darzustellen.

  
<script type="text/javascript">  
if (window.self.name = 'mobileframe') {document.getElementById("standardcss").href = "tl_files/templates/xy/css/mobile.css"; document.write (self.name); }</script>

<iframe name="mobileframe" src="xyz" width="100%" height="300">lorem ipsum dolor sit amet</iframe>  

<link href="tl_files/templates/materndienste/css/screen.css" id="standardcss" media="screen" rel="stylesheet" type="text/css" />

Ich fange gerade erst an Javascript zu lernen und das, was ich hier im Forum und auf anderen Seiten gefunden habe, hat leider nicht geholfen. Deshalb stelle ich hier ganz konkret meine Frage.

Vielen Dank schon einmal für Eure Hilfe,

lg,
john