Condition de boucle

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:

---

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:

---

<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:

---

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:

---

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 :)

Citation:

---

Envoyé par Madmax72

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:

---

1 2 3 4 5

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

---

Citation:

---

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.

Citation:

---

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:

---

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:

---

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 !