J'ai débuté le Javascript aujourd'hui même, avec un simple script déplaçant une balle (carrée, certes). Je ne l'ai pas fait de chez moi, aussi je n'ai pu tester que sur un PC, n'ayant que Internet Explorer 5 ! Et le script y fonctionnait correctement. De retour chez moi, j'ouvre la page avec Safari… et surprise, aucune réaction. De même avec Firefox !
J'ai donc ainsi deux (très simples) scripts qui, pour une obscure raison, ne fonctionnent que sous une vieille version d'IE.
Voici donc le script en question :
La balle est sensée être déportée vers la droite, avec une petite transition, à chaque clic sur le lien. Mais que ce soit sous Safari ou Firefox, rien ne se passe.
J'ai donc ainsi deux (très simples) scripts qui, pour une obscure raison, ne fonctionnent que sous une vieille version d'IE.
Voici donc le script en question :
Bloc de code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Premier essai de Javascript</title>
<style type="text/css" media="all">
#balle {
height: 50px;
width: 50px;
background-color: red;
position: relative;
top: 50px;
left: 10px;
}
</style>
<script language="Javascript">
var xBalle = 0;
var cBalle = 50;
function decalerBalleRouge () {
cBalle+=70;
}
function deplacementRegulier () {
balleRouge = document.getElementById('balle');
xBalle += (cBalle-xBalle)/20;
balleRouge.style.left = xBalle;
}
var timer = setInterval("deplacementRegulier()", 1000/48);
</script>
</head>
<body>
<a href="javascript:decalerBalleRouge()">Décaler la balle</a>
<div id=balle> </div>
</body>
</html>La balle est sensée être déportée vers la droite, avec une petite transition, à chaque clic sur le lien. Mais que ce soit sous Safari ou Firefox, rien ne se passe.
