MozOrientation ne fonctionne plus avec FF 6 ?

trodat · 28 Août 2011

Il y a quelque temps, j'avais fait une page qui utilisait la propriété MozOrientation (qui marche avec FireFox 4.0).
Et récemment, j'ai ré-ouvert cette page et elle ne marche plus (avec Firefox 6).

Est-ce que d'autres personnes ont rencontré le même problème*? Et ont la solution*?

code .html

Bloc de code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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" />
		<meta name="keywords" content="" />	
		<meta name="description" content="" />
		<title>Rotation</title>
		<link rel="stylesheet" media="all" type="text/css" href="style.css" />
		<script language="javascript" type="text/javascript" src="fonction.js"></script>	
	</head>
			
	<body>
	<div id="page">
		<p>Haut de la page</p>
		<p id="Orientation">chargement</p>
		<p id="&#952;">&#952;</p>
		<p>Pour changer la couleur de fond, cliquer ici*: <input onClick="CouleurFond()" class="bouton" type="submit" id="fond" value="Fond" /></p>
		<p>Bas de la page</p>
	</div>				
	</body>
</html>

code .js

Bloc de code:

window.addEventListener("MozOrientation", handleOrientation, true) ;

function handleOrientation(orientData){		// Récupération des données
	x = orientData.x ;
}

function angle(teta){
	return Math.asin(teta)*180.0/Math.PI ;
}
			
function AngleCorr(teta){				// Conversion des valeurs en degré
	if(Math.round(10*Math.asin(teta)*180/Math.PI)%10){
		teta=Math.round(10*Math.asin(teta)*180/Math.PI)/10 ;
	}
	else{
		teta=Math.round(10*Math.asin(teta)*180/Math.PI)/10+".0" ;
	}
	
	teta=Math.abs(teta) ;

	return teta ;
}
				
function AffichageAngle(){			// Affichage de l'angle
	document.getElementById("Orientation").innerHTML = "&#952;(x)="+AngleCorr(x)+"°" ;
}

function rotation(){
	document.getElementById("&#952;").style.MozTransform="rotate("+angle(-x)+"deg)" ;
}

function CouleurFond(){
	document.getElementById("page").style.background="rgba("+Math.floor(Math.random() * 255)+","+Math.floor(Math.random() * 255)+","+Math.floor(Math.random() * 255)+","+1.0*Math.random()+")" ;
}

if(document.getElementById){		// Mise à jour de l'affichage
	setInterval("AffichageAngle()", 10) ;
	setInterval("rotation()", 10) ;
}

MozOrientation ne fonctionne plus avec FF 6 ?

trodat

Membre confirmé

Sujets similaires