Stupid javascript trick

Miscellaneous and Personal Stuff I Must Share
1

Copy the code below into your address bar and all the images on this page will dance around. You’ll have to remove the line break that I added in to prevent anyone’s browser from accidentally executing it.


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.i
mages; 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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5); void(0);

Here are some images to watch dance:

:slight_smile: :rolleyes: :cool: :stuck_out_tongue: :dubious: :wink: :smack: :smiley: :confused: :o :eek: :frowning: :mad:

2

Doesn’t work right for me. It bunches up all the smilies in one spot and that’s it. Windows XP, Firefox 1.5 browser.

3

Pretty cool trick. I ran it on Opera and it worked fine.

Sgt Schwartz

4

Looks like it’s happier in IE. Doesn’t work in Firefox, not even with the IE-Tab extension. Works fine in IE though.

5

Didn’t work for me in IE or FF 1.5.

6

[QUOTE=Captain Carrot]
Didn’t work for me in IE or FF 1.5.
[/QUOTE]

What version of IE are you using?

7

I think it’s 6; I know we haven’t downloaded 7. How can I find out for sure?

8

Try appending +“px” to the DIS.top and DIS.left assignments. (These are CSS styles, which according to the standards require units, unlike HTML where pixel values are often given with no units.) That is:


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.i
mages;DIL=DI.length;function A(){for(i=0; i-DIL; i++){DIS=DI*.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);
9

That is wild. It works for me in IE 6.0 and FF 2.0.0.1. www.lileks.com works nauseatingly well!

10

Whoops the one place that it doesn’t work is on the dope in Firefox. IE is fine.

11

The second version works for me in FF 2.0. That is …mindblowing.

I have go to figure out how it works, and then annoy my friends when they visit my webpages. :smiley:

12

[QUOTE=Omphaloskeptic]
Try appending +“px” to the DIS.top and DIS.left assignments. (These are CSS styles, which according to the standards require units, unlike HTML where pixel values are often given with no units.)
[/QUOTE]

Bingo. That fixed it for me.

13

[QUOTE=Captain Carrot]
I think it’s 6; I know we haven’t downloaded 7. How can I find out for sure?
[/QUOTE]

Help > About Internet Explorer will show you the version number.

14

[QUOTE=Omphaloskeptic]
Try appending +“px” to the DIS.top and DIS.left assignments. (These are CSS styles, which according to the standards require units, unlike HTML where pixel values are often given with no units.) That is:


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.i
mages;DIL=DI.length;function A(){for(i=0; i-DIL; i++){DIS=DI*.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);

[/QUOTE]

I’m surprised it worked in Opera then. Thanks for the fix.

15

All my browser does is “boop”. Page doesn’t change. Shiira 1.2.1, OS X 10.4.8

16

Firefox doesn’t do anything with it either.

Nor Opera.

17

Safari made everything move around in circles. 'Twas odd.

18

Made a bookmarklet of it. Now to have some fun with google image search.

19

That is really f’n weird, dude. How (why) on earth did you come up with that?

20

[QUOTE=ZipperJJ]
That is really f’n weird, dude. How (why) on earth did you come up with that?
[/QUOTE]

I can’t claim credit for this one. I saw it on another message board and thought it might be entertaining to share.

I didn’t realize that you could type code into the address bar like that and modify the current page. I will have to play around with this a bit.