JavaScript in address bar, trick to make images in a web page dance
I recently found this funny JavaScript code which will make the Images on any page go in a ring like dance. I got it through an e-mail forward, so I don’t know whom to credit. All you have to do is
1. Go to an Image rich page (eg:search for flowers in Google Images)
2. Paste the following Javascript code in the address bar and press ENTER (GO).
Copy this script and paste on adress bar:
What happens :
Let us examine the script to know what happens. In all the Browsers if a JavaScript code is embedded in the adress bar it can be executed as if it were in the page itself. This has also caused many vulnerabilities. That is a long story so lets come back.
The JavaScript makes an Array DI with all images as objects, then finds the number of images in the page and goto a loop which will change the position of the images one by one to a position given by the X and Y cordinates DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5 nad DIS.top=Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval( ‘A()’,5); This goes on and we see the images going in a bend dumbbell.
Related posts : (sorted by relevence)
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
Comments
The javascript code doesn’t work. The error message is: “dil is undefined”. This is because javascript is case sensitive. Change “dil” in the for-loop to “DIL”, and the javascript code works beautifully!.
Has A lot Of Mistakes :
Correct :
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)
Seems like neither of our codes work in Firefox now as of today mrning…
Thaks for pointing out Mehrdad. But I still think I copy pasted it and it was fine?
The below script works fine.
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.getElementsByTagName(“img”); 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);
This is the right script.
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.getElementsByTagName(“img”); 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);
I am getting following error guyes.Solve it.
“0″ (and any subsequent words) was ignored because we limit queries to 32 words.
The code won’t work now. sorry/
Ajith´s last blog ..How to disable access to Drives using Disk Management 
The above code some times doesn’t work – it doesn’t make sense but try this one : the one on this page – remove the tags <b style=”color:black;background-color:#ffff66″> and </b> from the first line of the JavaScript given there