Retour à La Source • Tag: iPhone • RSS http://www.ab-d.fr/tag/iPhone/ Retour à La Source • Tag: iPhone • RSS http://www.ab-d.fr/tag/iPhone/ (c) 2010 fr Sat, 31 Jul 2010 15:05:38 +0100 Retour à La Source • Tag: iPhone • RSS • version 1.0 noreply@ab-d.fr ( Benoit Asselin ) http://www.ab-d.fr/images/rss.gif Retour à La Source • Tag: iPhone • RSS http://www.ab-d.fr/tag/iPhone/ 90 30 Gérer window.orientation avec un iPhone / iPod Touch dans Safari (Webkit) http://www.ab-d.fr/date/2008-03-08/ Sat, 08 Mar 2008 18:31:13 +0100 noreply@ab-d.fr ( Benoit Asselin ) Ce script vous permet de déterminer et de gérer l'orientation d'un iPhone ou d'un iPod Touch grâce à la variable window.orientation et à l'évènement window.onorientationchange.

Exemple page-iphone-orientation.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> window.onorientationchange & window.orientation </title>
	
	<script type="text/javascript">
	
	window.onorientationchange = function() {
		if(window.orientation !== undefined) {
			document.getElementById('value-1').innerHTML = window.orientation;
			switch(window.orientation) {
				case 0 :
					document.getElementById('value-2').innerHTML = 'Portrait - Normal';
					break;
				case 90 :
					document.getElementById('value-2').innerHTML = 'Paysage - Dans le sens <strong>contraire<\/strong> des aiguilles d\'une montre.';
					break;
				case -90 :
					document.getElementById('value-2').innerHTML = 'Paysage - Dans le sens des aiguilles d\'une montre.';
					break;
				case 180 :
					document.getElementById('value-2').innerHTML = 'Portrait - Renversé';
					break;
			}
		} else {
			/* Vous n'utilisez ni un iPhone, ni un iPod Touch... */
			alert('Votre navigateur web ne supporte pas window.orientation');
		}
	}
	window.onload = window.onorientationchange;
	
	</script>
</head>

<body>
	
	<h1>window.onorientationchange & window.orientation</h1>
	
	<p>window.orientation = <span id="value-1"></span> // <span id="value-2"></span></p>
	
	<p>Cette page ne fonction qu'avec les iPhone et les iPod Touch.</p>
	
</body>
</html>

Ce script pourrait aussi servir à détecter si le navigateur utilisé est bien un navigateur Safari iPhone / iPod Touch.



]]> http://www.ab-d.fr/tag/iPhone/ http://www.ab-d.fr/date/2008-03-08/ Comment détecter le navigateur iPhone ? (Safari, Webkit) http://www.ab-d.fr/date/2007-11-29/ Thu, 29 Nov 2007 00:00:00 +0100 noreply@ab-d.fr ( Benoit Asselin ) Voici le navigateur Safari d'un iPhone Français

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; fr) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3B48b Safari/419.3


]]> http://www.ab-d.fr/tag/iPhone/ http://www.ab-d.fr/date/2007-11-29/