Monday, January 29, 2007

Javascript Gimmicks

Gimmick 1: Edit any webpage with any content...

Go to any web page, clear the address bar, paste the following JS code snippet in that and hit enter...

javascript:document.body.contentEditable='true'; document.designMode='on'; void(0);

OoooHoooo!!! you can now edit whatever you want in that page now....

Gimmick 2: Dancing Images

Go to any web page, clear the address bar, and paste this…

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

and hit enter…

And... Here it goes... Enjoy the Image Dance…

Note: If you are in other part of webpage such as scrolled down to the end of page, probably you cannot see the image dancing... so scroll to the top of web page you are currently browsing to see the image dance.

Note: To get out of the mess created by the above, just hit the browser back button and refresh the page.

1 comment: