Discussion :

[Madmax72]

Bonjours,
Voila je suis un étudiant en BTS sio et en se moment j essaye de me perfectionner dans le javascript et en se moment sur le jquery : pour cela et pour commencer je m'entraine a faire bouger un rond dans un cadre a l'aide de se bou de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
jQuery(document).ready(function($){
	$('#bas').click(function(e){
		$('#ball').animate({
			top: '3cm'
		});
	});
});

Ma boule créer en css se déplace bien vers le bas de 3 cm parfait en appuyant sur un bouton que voici :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" id="bas" value="bas" />

Maintenant j'aimerai pouvoir faire une boucle a partir du code pour deplacer cette boule pour qu'a chaque fois que le bouton "bas" est presser que la balle se déplace de 3cm vers le bas pour cela j'ai commencer a faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
while () {
	jQuery(document).ready(function($){
		$('#bas').click(function(e){
			$('#ball').animate({
				top: '3cm'
			});
		});
	});
}

mais mon probléme rencontrer c'est que je ne trouve pas la bonne condition a mettre dans le while, j'ai tester ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
while ("#bas") {
	jQuery(document).ready(function($){
		$('#bas').click(function(e){
			$('#ball').animate({
				top: '3cm'
			});
		});
	});
}

mais cela ne marche pas, j'ai fais des recherche mais rien de très concluant alors svp pouvez vous me donner un coup de pouce j'en serai ravis merci par avance.
ps: dsl pour les éventuelles fautes d'orthographe

[mathieu]

dsl pour les éventuelles fautes d'orthographe

ça serait mieux que tu relises ton texte pour corriger les fautes plutôt que t'excuser dans chaque message

pour ton problème essaye ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
	$('#bas').click(function(e){
		$('#ball').animate({
			top : (parseInt($('#ball').css("top")) + 100) + "px"
		});
	});

[Bovino]

j essaye de me perfectionner dans le javascript

Au vu de ton code, je dirais plutôt que tu essayes de t'initier... parce que conceptuellement, il est assez maladroit.

et en se moment sur le jquery

Mauvais choix (malheureusement trop répandu ) : jQuery n'est rien d'autre que du JavaScript, donc si tu veux utiliser jQuery de façon efficace, il est important de connaitre assez bien JavaScript, puis de comprendre comment fonctionne jQuery.

Pour en revenir à ton problème.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

while ("#bas") {

Ce while n'a aucun sens : "#bas" n'est rien d'autre qu'une chaine de caractères dont l'équivalent booléen est true, tu crées donc juste une boucle infinie...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

jQuery(document).ready(function($){

Pas terrible non plus : à chaque itération, tu ajoutes un gestionnaire d'événement , le code qui suit sera donc exécuté autant de fois que d'itérations dans ta boucle !