Move your mouse around for a while, then click here.

1. Move your mouse around in this page. Move it to some places you can remembers. For example move your mouse cursor along the edges of the cube.

2. Click on the bulb to start an amazing highlight effect.
   I use Prototye Event.observe() on the image to start the effect on this paragraph.

   Event.observe($('img-bulb'), 'click', function(){
      new Effect.Highlight('highlight', {duration:2.0});
   });
   
   

   No big deal actually. The point is that the movelogger will catch that (dynamic) mouse event and record it. This event (among all the others) will be replayed when you click big link above. The movelogger also records A.href="" links when you click on them. In replay mode you get redirected to the link location then.

   Click on the link above to see the replay of the actions that have been recorded in the background.
   

Back to the blog post