orientationchange not detected

Bonjour,

j'utilise le XDK d'intel et lorsque je clique sur le bouton permettant de passer en mode paysage ou portrait, le code suivant ne fonctionne pas :
Code:

1 2 3 4 5 6 7 8 9 window.addEventListener("orientationchange", function(){ if (window.orientation == 0) { alert ("Portrait"); } else { alert ("Paysage"); } },false);
Sauriez-vous comment faire pour que le code soit pris en compte?

Merci d'avance.

PS : J'ai mis aussi ce code dans la partie HTML mais je comprends pas bien la notion de viewport :
Code:

1 2  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">

utiliser le css et les média queries pour modifier la visiblité d'un élément ?
puis intercepter la modification avec
Code:

1 2 3 4 5 6 MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var observer = new MutationObserver(function(mutations, observer) { // fired when a mutation occurs console.log(mutations, observer); // ... });

Bonjour et merci pour ce code, mais j'avoue que je suis un peu perdu avec car je maîtrise pas bien le CSS. J'ai donc trouvé ma propre solution :

Code:

1
2
3
4
5
6
7
 var myheight = $("#Conteneur").outerHeight();
 var mywidth = $("#Conteneur").outerWidth();    
     if (myheight > mywidth) {         
         alert ("Portrait");         
     } else {         
         alert("Paysage");         
     }