Aide animation div javascript

Fermé

luffy59 - 28 juin 2008 à 16:07
Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 - 9 oct. 2008 à 22:13

Bonjour, j'essaye de faire bouger mon div au cliquage du bouton input mais celui ci ne bouge pas.

Si je met la variable idTimer dans le body avec pour action onLoad l'animation se fait.

Si quelqu'un pourrai m'aider.

Merci

Script ne marchant pas :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" media="screen" type="text/css" title="styles" href="css.css" />
</head>
<body>
	
<style>

#carre {
	background-color: red;
	height: 50px;
	width:  50px;	
}

</style>	
	
<script type="text/javascript">

	var cursor = 0;

	function move() {
		
		var carre = document.getElementById("carre");
		
		carre.style.marginLeft = 5*cursor + "px";
		
		if (cursor > 50)
			clearInterval(idTimer);
		else
			cursor++;
	}
	
</script>

<div id="carre"></div>

<br/>
<br/>

<input type="button" value="Clique" onClik="idTimer = setInterval('move()', 20);"/>
		
</body>
</html>

Script qui marche

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link rel="stylesheet" media="screen" type="text/css" title="styles" href="css.css" />
</head>
<body onload = "idTimer = setInterval('move()',20);">
	
<style>

#carre {
	background-color: red;
	height: 50px;
	width:  50px;	
}

</style>	
	
<script type="text/javascript">

	var cursor = 0;

	function move() {
		
		var carre = document.getElementById("carre");
		
		carre.style.marginLeft = 5*cursor + "px";
		
		if (cursor > 50)
			clearInterval(idTimer);
		else
			cursor++;
	}
	
</script>

<div id="carre"></div>
		
</body>
</html>

A voir également:

Aide animation div javascript
Telecharger javascript - Télécharger - Langages
Div c++ - Télécharger - Langages
Idée animation challenge centre d'appel - Forum Loisirs / Divertissements
Afficher un tableau javascript en html ✓ - Forum Javascript
Javascript echo ✓ - Forum PHP

1 réponse

Réponse 1 / 1

Brachior Messages postés 613 Date d'inscription dimanche 21 octobre 2007 Statut Membre Dernière intervention 22 juin 2009 46
9 oct. 2008 à 22:13

C'est bizarre que personne t'ai repondu avant Oo
mais voila ta toute petite erreur ^^

<input type="button" value="Clique" onClik="idTimer = setInterval('move()', 20);"/>

c'est "onclick" et non "onclik" ^^

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule

Bonjour,

je cherche une fonction javascript qui permettrait d'arrondir un nombre à deux chiffres après la virgule (un peu comme number_format du php), car la fonction round() ne permet d'arrondir qu'à l'unité!

Merci
Ciao

JérémyConfiguration: Windows Vista
Firefox 2.0.0.14

java script error in the main process

Bonjour

je viens d'acheter un ordi et depuis 2 jours j'ai ce message :

Pouvez vous me dire ce que je dois faire.
Sachant que je me sens pas douée dans l'informatique. En gros merci d'être précis et détaillé dans vos retours.

D'avance merci pour votre aide

javascript:void(0);

Bonjour,
merci me dire c'est quoi ce message :"javascript:void(0);"
comment faire pour l'eviter

merci

comment remplacer un #div/0! par une cellule vide

Bonjour,

Je réalise un tableau dans lequel certaine cellule comporte des #div/0! Par une cellule vide.

Y a t il une possibilité ?

Merci à vous

Configuration: iPad / Safari 7.0

comment animer une soirée avec 30 personnes à table ?

j'organise un resto pour 30 amis autour de 50 ans et je trouve que ce serait sympa d'organiser un jeu qui mette de l'ambiance avec petits cadeaux pour les gagnants ou pour tous avec pas trop de matériel (papiers, crayons, cartes à jouer etc )?
Ils ne se connaissent pas tous et l'idée c'est de pouvoir faire connaissance et qu'ils aient envie de se revoir;
Merci beaucoup pour toutes vos idées.