Ajax & JS

maitrisez l’orientation de l’iPhone en javascript

Le 29 décembre 2007 à 11:46 par chris

L’iPhone a peine né est déjà un appareil retenant toutes les attentions, il est certain que nous risquons de devoir développer prochainement des versions dédiée de plusieurs de nos sites.

Aussi, je vous propose pour commencer la fonction javascript qui vous permettra de contrôler l’orientation de l’iPhone afin de pouvoir adapter parfaitement votre minisite.

  1.  
  2. window.onorientationchange = function() {
  3.   /*Window.orientation retourne une valeur qui indique si iPhone est en mode portrait, mode paysage avec l’écran tourné vers la gauche, ou en mode paysage avec l’écran tourné vers la droite. */
  4.   var orientation = window.orientation;
  5.   switch(orientation) {
  6.     case 0:
  7.     alert(‘vous êtes en mode portrait’);
  8.         break;
  9.     case 90:
  10. alert(‘vous êtes en mode paysage gauche’);
  11.      break;
  12.     case -90:
  13. alert(‘vous êtes en mode paysage droite’);
  14.         break;
  15.   }
  16. }

évidemment, je n’ai pas encore testé.

2 commentaires »

Gravatar

Commentaire de Yoan

le 29 décembre 2007 à 18:46

Je me suis aussi amusé avec ce type de code.
J’ai fait un test sur http://iphone.mobilier-orika.com

Il suffit de se placer dans une rubrique et de retourner le tel.

Une présentation à la “coverflow” apparait.

Gravatar

Pingback de Développements spécifiques pour l’iPhone - Smartphone-info.com : tout sur les smartphones, PDA, et PDA communicants; tests, comparatifs, tutoriaux

le 4 janvier 2008 à 23:25

[…] Smashing Coding de Christophe Lefèvre publie un très bon article qui explique comment contrôler l’affichage de votre site en fonction de l’orientation […]

Laisser un commentaire

Votre Nom

Votre E-mail (obligatoire mais ne sera pas publié)

Votre Site ou blog

Votre commentaire

Valid XHTML 1.0 Transitional