How to detect orientation and change the css file in Javascript

ByAdministrator

Jun 11, 2014 css, css3, detect, html, jQuery, orientation

To detect orientation and change the css file in Javascript you can use the following snippet.

Sample Javascript

function orient()  
{  
 switch(window.orientation){    
	case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css";  
	break;  
	case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css";  
	break;  
	case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css";  
	break;  
}
window.onload = orient();

By Administrator

jQuery

How to disable all links using jQuery

Aug 5, 2016 Administrator

jQuery

How to remove class after delay in jQuery

Aug 4, 2016 Administrator

Javascript jQuery

How to select an element with its name attribute in jQuery

Nov 26, 2015 Administrator

One thought on “How to detect orientation and change the css file in Javascript”

Realliferulor says:

June 11, 2014 at 1:54 pm

RT @CodeSnippetsNET: How to detect orientation and change the #css http://t.co/EAyZ8ecnQc #html #php #js

Log in to Reply