jquery - Changing variable during setInterval with key -

-

in animation "raining" dots random colors, want able change colors pressing enter. keypress i'm using following code:

    $(document).keypress(function(event){         var keycode = (event.keycode ? event.keycode : event.which);         if(keycode == '13'){             // change variables colors         }     });

as see it, shouldn't wrong code, nothing happens when pressing enter. glad if me out here!

you can find code here: http://jsfiddle.net/gsbcz/

why binding event on each animation call ? [event.which] jquery's crossbrowser way detect mouse , key events.

this should help,

fiddle

html:

<html> <head>         <title>raining dots</title>          <link href='http://fonts.googleapis.com/css?family=give+you+glory' rel='stylesheet' type='text/css'>          <link href='http://fonts.googleapis.com/css?family=gloria+hallelujah' rel='stylesheet' type='text/css'>         <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">            <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>          <script type="text/javascript" src="js/external.js" ></script> </head>         <body id="bg">         </body> </html>​

javascript:

var capsule = {     init: function() {          this.c1 = 256, this.c2 = 220, this.c3 = 225;         capsule.calldots();     },      calldots: function() {          window.setinterval(function() {             capsule.animatedots(capsule.c1, capsule.c2, capsule.c3);         }, 10);     },      animatedots: function() {           var thewidth = $(window).width(),             theheight = $(window).height(),             randomentry = math.ceil(math.random() * thewidth),             prerandomdotsize = math.ceil(math.random() * 40),             randomdotsize = prerandomdotsize + 50;          var dotname = 'dot-' + randomentry,             color1 = math.ceil(math.random() * capsule.c1),             color2 = math.ceil(math.random() * capsule.c2),             color3 = math.ceil(math.random() * capsule.c3),             colors = 'rgb(' + color1 + ',' + color2 + ',' + color3 + ')';          $('<div />', {             text: '.',             id: dotname,         }).appendto('body').addclass('thedots').css('left', randomentry).css('font-size', randomdotsize).css('color', colors).animate({             "top": "+=" + theheight         }, 5000, function() {});     } }; $(document).ready(function() {     capsule.init(); }).keypress(function(event) {     if (event.which == '13') {         capsule.c1 += 2, capsule.c2 += 4, capsule.c3 += 6;     } });​

css:

body {     font: 14px / 1.5em 'gloria hallelujah', cursive; }  .thedots{         position:absolute;         top:-50px;         left:0px;         z-index:10;         position:block; }​

Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more