jquery : stopper une fonction au lancement d'une autre
jquery : stopper une fonction au lancement d'une autre - HTML/CSS - Programmation
MarshPosté le 13-08-2010 à 16:55:00
salut !
je demarre plus ou moins en jquery, et je suis en train d'essayer de mettre au point une petite interaction animé simple mais j'ai un souci d'ordre basique, en faite j'ai un objet (un petit carré) que je fais gigoter tout seul a la base des le chargement de page et lorsque je clique sur lui je voudrais qu'il gigote plus fortement, les deux fonctions je les ai, elles ont etait testées indépendamment mais je n'arrivent a ton agencé pour que lorsque je clique sur le carré la 1e s'arrete et l'autre se lance, elle rentrent plus ou moins en conflit j'ai l'impression, enfin bon je ne sais pas trop quoi faire alors je m'en remet a vous , voici mon script (le petit carré etant "bt_01" :
$(document).ready(function() { $("#bt_01" ).everyTime(10,function ici(){ var l= 100+Math.random()*5; var t= 380+Math.random()*5; $("#bt_01" ).animate({"left":(l),"top":(t)},300,"swing" ); $("#bt_01" ).css("background","#000" ) });
$("#bt_01" ).click(function oula(){ $("#bt_01" ).everyTime(10,function(){ var ll= 100+Math.random()*150; var tt= 380+Math.random()*150; $("#bt_01" ).animate({"left":(ll),"top":(tt)},100,"swing" ); $("#bt_01" ).css("background","#f00" ) }); }); });
en gros quand je clique sur le carré je souhaiterai que la fonction "ici" s'arrete et que "oula" se lance, que faudrait-il que je change ou que j'ajoute ?
Marsh Posté le 13-08-2010 à 16:55:00
salut !
je demarre plus ou moins en jquery, et je suis en train d'essayer de mettre au point une petite interaction animé simple mais j'ai un souci d'ordre basique, en faite j'ai un objet (un petit carré) que je fais gigoter tout seul a la base des le chargement de page et lorsque je clique sur lui je voudrais qu'il gigote plus fortement, les deux fonctions je les ai, elles ont etait testées indépendamment mais je n'arrivent a ton agencé pour que lorsque je clique sur le carré la 1e s'arrete et l'autre se lance, elle rentrent plus ou moins en conflit j'ai l'impression, enfin bon je ne sais pas trop quoi faire alors je m'en remet a vous , voici mon script (le petit carré etant "bt_01" :
$(document).ready(function() {
$("#bt_01" ).everyTime(10,function ici(){
var l= 100+Math.random()*5;
var t= 380+Math.random()*5;
$("#bt_01" ).animate({"left":(l),"top":(t)},300,"swing" );
$("#bt_01" ).css("background","#000" )
});
$("#bt_01" ).click(function oula(){
$("#bt_01" ).everyTime(10,function(){
var ll= 100+Math.random()*150;
var tt= 380+Math.random()*150;
$("#bt_01" ).animate({"left":(ll),"top":(tt)},100,"swing" );
$("#bt_01" ).css("background","#f00" )
});
});
});
en gros quand je clique sur le carré je souhaiterai que la fonction "ici" s'arrete et que "oula" se lance, que faudrait-il que je change ou que j'ajoute ?