Javascript onorientationchange = Stylesheet ändern

crsakawolf

Erfahrenes Mitglied
Heyho,

und zwar möchte ich wenn ich mein Iphone neige / kippe ein anderes Stylesheet einbinden.

Leider klappt es nicht.

Hier der Code

Code:
<!DOCTYPE HTML>
    <html>
    <head>
    <title>Iphone Webkit</title>
    <link rel="stylesheet" type="text/css" href="css/iphone.css">
	<meta name="viewport" content="width=device-width" /> <!-- Volle auflösung -->
    <!-- <link rel="apple-touch-icon" href="/my_custom_icon.png"/>  ICON für Home 57*57-->
    <meta name="apple-mobile-web-app-capable" content="yes" /> <!-- verteckt die Url -->
    <meta name="viewport" content="width=device-width, user-scalable=no" /> <!--disable zoom und scalierung -->
    
</head>

<script type="text/javascript">
/*function init(){
	document.addEventListener('load', function(){window.scrollTo(0, 1);}, false);
}*/
function OrientationChange(){
		//var link = document.getElementsByTagName("link")[0];
		//alert(link.href);
		switch(window.orientation){
			case 0: 				
				document.getElementsByTagName('link')[0].href = "css/iphone.css"			
			;break;
			case 90:
				document.getElementsByTagName('link')[0].href = "css/iphone_90.css";
			;break;
			case -90: 
				document.getElementsByTagName('link')[0].href = "css/iphone_90.css";
			;break;
		}
	}


</script>

<body onorientationchange="OrientationChange()">
<div id="logo">
	<img src="grafic/design/logo.jpg">
</div>
[%content%]
</body>
</html>

er meckert "typeerror resilt of expression 'document.getelementbytagname('linl')[0] undefined.

Danke schonmal :)
 
Zuletzt bearbeitet:
Also ich kenn zwar HTML5 noch nicht richtig, aber das JS besonders die Switch-Bedingung scheint mir fehlerhaft.
versuchs doch mal so:
Code:
switch(window.orientation){
            case 0:                 
                document.getElementsByTagName('link')[0].href = "css/iphone.css";          
            break;
            case 90:
                document.getElementsByTagName('link')[0].href = "css/iphone_90.css";
            break;
            case -90: 
                document.getElementsByTagName('link')[0].href = "css/iphone_90.css";
            break;
        }
 
Zurück