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.
Some related articles you may like :
- How to disable Right Click on a Web Page – with HTML
Disable Right Clicks using HTML tags. This trick is one of the basic ones. This has hugely been replaced by newer Javascripts and asp codes.... - Address bar shortcuts in Firefox
This is just a quick post. Today while I was working with the blog I accidentally came to know these keyboard shortcuts for auto address... - How to save copy righted Images from Flickr
This is a trick you can use to save images from Flickr. If you right clicked and used Save Image As and see the image... - Browser hogging CPU when taking wordpress write post page!
Does anybody notice the rising CPU usage of your browser when you are at the create post page (Tiny MCE) of your self hosted Wordpress... - Blogger template tags to customize your layout and design
This post is mainly in reply to a comment from a fellow blogger Shankar Ganesh which read And I have a question: how did you... - Google Image labeller
Google has finally come out with a practical solution to properly categorize their millions of images from various sites. The project is called Google Image...
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
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!.
Thanks Aaberg…
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);
that’s wonderfull
script for text dance in web page?
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);
Nope this also won’t work now in FF.
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