Discussion :

[Arsene12]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
    // ...
});

[Arsene12]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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