Comparaison de révisions

Détecter l'orientation de l'appareil

Changer de révision

Révision 435911 :

Révision 435911 par Fredchat le

Révision 435945 :

Révision 435945 par tregagnon le

Titre :
Détecter l'orientation de l'appareil
Détecter l'orientation de l'appareil
Identifiant d'URL :
WebAPI/Detecting_device_orientation
WebAPI/Detecting_device_orientation
Étiquettes :
"Orientation", "Motion", "Firefox OS", "B2G", "Mobile", "WebAPI", "Device Orientation", "Orientation", "Motion", "Firefox OS", "B2G", "Mobile", "WebAPI", "Device Orientation"
"Orientation", "Motion", "Firefox OS", "B2G", "Mobile", "WebAPI", "Device Orientation", "Orientation", "Motion", "Firefox OS", "B2G", "Mobile", "WebAPI", "Device Orientation"
Contenu :

Révision 435911
Révision 435945
n11      Sommairen11      Résumé
n64      La valeur reportée pour chaque axe indique l'angle de rotatn64      La valeur reportée pour chaque axe indique l'angle de rotat
>ion autour d'un axe donné en référence à un système de coordonnée>ion autour d'un axe donné, en référence à un système de coordonné
>s standard. Ces valeurs sont décrites de façon plus détaillée dan>es standard. Ces valeurs sont décrites de façon plus détaillée da
>s cet article <a href="/en-US/DOM/Orientation_and_motion_data_exp>ns cet article <a href="/en-US/DOM/Orientation_and_motion_data_ex
>lained" title="Orientation et déplacement expliquée">Orientation >plained" title="Orientation et déplacement expliquée">Orientation
>et déplacement expliquée</a>.> et déplacement expliquée</a>.
n84&lt;div class="garden"&gt; &lt;!-- Le Jardin --&gt;n84&lt;div class="jardin"&gt;
85  &lt;div class="ball"&gt;&lt;/div&gt; &lt;!-- Le balle --&gt;85  &lt;div class="balle"&gt;&lt;/div&gt;
n88&lt;pre class="output"&gt;&lt;/pre&gt;n88&lt;pre class="resultat"&gt;&lt;/pre&gt;
n94.garden {n94.jardin {
n102.ball {n102.balle {
nn116var jardin = document.querySelector('.jardin'),
116var ball   = document.querySelector('.ball'),117    balle = document.querySelector('.balle'),
117    garden = document.querySelector('.garden'),
118    output = document.querySelector('.output'),118    resultat = document.querySelector('.resultat'),
119    maxX = garden.clientWidth  - ball.clientWidth,119    maxX = jardin.clientWidth  - balle.clientWidth,
120    maxY = garden.clientHeight - ball.clientHeight;120    maxY = jardin.clientHeight - balle.clientHeight;
n126  output.innerHTML  = "beta : " + x + "&lt;br /&gt;";n126  resultat.innerHTML  = "beta : " + x + "&lt;br /&gt;";
127  output.innerHTML += "gamma: " + y + "&lt;br /&gt;";127  resultat.innerHTML += "gamma: " + y + "&lt;br /&gt;";
n138  // 10 est la moiter de la taille de la balle.n138  // 10 est la moit de la taille de la balle.
n141  ball.style.top  = (maxX * x / 180 - 10) + "px";n141  balle.style.top  = (maxX * x / 180 - 10) + "px";
142  ball.style.left = (maxY * y / 180 - 10) + "px";142  balle.style.left = (maxY * y / 180 - 10) + "px";
n230            Étatn230            Statut
n262              Technologien262              Fonctionnalité
t329              Technologiet329              Fonctionnalité

Retour à l'historique