Some JavaScript fun.
The code bellow is often used to fake stats or earnings. Simply copy and paste the code into your address bar and click enter. Now you should be able to move around and change various elements on the page. Click on text and you should be able to change it to anything you like.

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
Go to any page which contains images. You can even do this on my blog even though it might not work as well. Then enter the code bellow into your browser address bar and hit enter. Watch the graphics go crazy.
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()’,50); void(0);
If you liked the previous two you might want to try the code bellow as well before you get carried away.
javascript:function reverse() { var inp = " )-: moc.oesdesopxe.www//:ptth kramkoob dna ho !krow ot kcab ssa ruoy teG !ton kniht I ?avaJ htiw dnuora ssem ot uoy yap ynapmoc ruoy seoD"; var outp = ""; for (i = 0; i < = inp.length; i++) {outp = inp.charAt (i) + outp ; } alert(outp) ;}; reverse()
The code bellow works best with Google. Go there and use 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.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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(’A()’,5); void(0);
Every now and then I would end up on the website with a horrible, red background and yellow text. Well, any horrible combination of colours will usually kill my eyes after a few minutes of reading. You can use the code bellow to change the background colour to anything you like. Copy and paste this code into your address bar and hit enter. A popup should appear asking you to pick a colour. You can then use a colour hash or tap in primary colour names eg white. Hit enter and voi·là!
javascript:void(document.body.style.background = prompt("Enter a background color", "#ffcc99"));
Go to Google and use the code bellow. Simply change the url to the url of any image you like and hit enter. You now have a custom Google logo.
javascript:void(document.images[0].src =”http://www.exposedseo.com/pictures/adtoll_referral.gif”);
PS: Looks like I have made a mistake and used Java instead of JavaScript. You can have a look at this article if you would like to know how Java and JavaScript are different. As for all those angry emails and comments I am not planning to approve, you could have been helpful and pointed out the differences rather than bashing me for my typo.


May 17th, 2008 at 7:03 pm
JavaScript, not Java. Very different things.
May 24th, 2008 at 7:34 pm
Funny, only the simple codes for editing the page and for changing the backgroundcolor work with my firefox.
But this is fantastic stuff! Makes it a lot easier to do some quick design-tests.
May 29th, 2008 at 4:44 pm
PS How can I get that little cloud before the comment link on the blog? Is that Haloscan and Blog template
May 31st, 2008 at 5:35 pm
I don’t quite understand what you mean. The speech bubble? Never used haloscan in my life.
June 4th, 2008 at 2:22 pm
Great javascripts
June 19th, 2008 at 4:40 pm
Creative anchor texts in this comments. But the script is really funny. thx