i am using the following code i need to detect the chnage in orientation and in css i am simply chaging the background colors when in portrait and landscape mode however this code is not detecting the orientation change
1.
<head>
<link rel="StyleSheet" href="iphone.css" type="text/css" media="screen" id="orient_css" />
<script type="text/javascript">
function orient()
{
switch(window.orientation)
{
case 0: document.getElementById("orient_css").href = "iphone_portrait.css";
break;
case -90: document.getElementById("orient_css").href = "iphone_landscape.css";
break;
case 90: document.getElementById("orient_css").href = "iphone_landscape.css";
break;
}
}
window.onload = orient();
</script>
</head>
<body onorientationchange="orient();">
2.
<head>
<script type="text/javascript">
window.onload = function initialLoad() {
updateOrientation();
}
function updateOrientation(){
var contentType = "show_";
switch(window.orientation){
case 0:
contentType += "normal";
break;
case -90:
contentType += "right";
break;
case 90:
contentType += "left";
break;
case 180:
contentType += "flipped";
break;
}
document.getElementById("page_wrapper").setAttribute("class", contentType);
}
</script>
</head>
please advice how to change the code to detect the iphone orientation
thanks
1.
<head>
<link rel="StyleSheet" href="iphone.css" type="text/css" media="screen" id="orient_css" />
<script type="text/javascript">
function orient()
{
switch(window.orientation)
{
case 0: document.getElementById("orient_css").href = "iphone_portrait.css";
break;
case -90: document.getElementById("orient_css").href = "iphone_landscape.css";
break;
case 90: document.getElementById("orient_css").href = "iphone_landscape.css";
break;
}
}
window.onload = orient();
</script>
</head>
<body onorientationchange="orient();">
2.
<head>
<script type="text/javascript">
window.onload = function initialLoad() {
updateOrientation();
}
function updateOrientation(){
var contentType = "show_";
switch(window.orientation){
case 0:
contentType += "normal";
break;
case -90:
contentType += "right";
break;
case 90:
contentType += "left";
break;
case 180:
contentType += "flipped";
break;
}
document.getElementById("page_wrapper").setAttribute("class", contentType);
}
</script>
</head>
please advice how to change the code to detect the iphone orientation
thanks