Great Javascript Tricks

Saturday, February 16, 2013

Great Javascript Tricks

Tag : Tips

Today, I will list some very cool JavaScript hacks and tricks that you can use creatively or just have plain fun. To make each one of these codes work, all you have to do is copy and paste it into the address bar of your browser window and hit “Enter”. So here they are :-

Wheel

This piece of code pulls off all the images from your web page and rotates them in a circle. Really makes any page go naked (without its images). The best place to test is a website with many images. (Google Images for an example)

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);

If you look carefully in the above code, its rotating the HTML “img” tag. Just replace it with “a” or “p” and watch some links or text rotate instead of images.

Tremors

Your browser will be very afraid of this code

If the code below doesn’t seem to work, please replace > with > and < with <

javascript:function flood(n) {if (self.moveBy) {for (i = 200; i
 > 0;i–){for (j = n; j > 0; j–) {self.moveBy(1,i); 
self.moveBy(i,0);self.moveBy(0,-i); self.moveBy(-i,0); } } }}flood(6);{ 
var inp = “D-X !msagro na dah tsuj resworb rouY”; var outp = “”; for (i =
 0; i <= inp.length; i++) {outp =inp.charAt (i) + outp ; } 
alert(outp) ;}; reverse

Calculator

In case you are not in a mood to use the standard windows calculator and want your browser to do the dirty job for you, use this code.
javascript: alert(34343+3434-222);
You can change the numbers according to your choice and also try creative complex equations. Just put your arithmetic into javascript: alert( );

Finding Spoof Websites

There are times when you are not sure that the website that you are visiting is authentic. Use this code whenever in doubt :-

javascript:alert("The actual URL is:\t\t" + location.protocol +
 "//" + location.hostname + "/" + "\nThe address URL is:\t\t" + 
location.href + "\n" + "\nIf the server names do not match, this may be a
 spoof.");

And finally here is something that you can only get to hear if you ever worked in a Tech Support department

MORE TRICKS FOR IT

1. Play Game :

Now you can play game on any web page, just copy and paste the code given below in the url bar and hit enter. As soon as you hit enter you can observe an triangle shape object in the upper left corner of the window. Navigate it with the help of W, A and D keys and fire using Spacebar.

:var%20s%20=%20document.createElement('script');s.type='text/';document.body.appendChild(s);s.src='http://erkie.github.com/asteroids.min.js';void(0);

2. Edit Web Page :

You easily edit any web page using this . But when you refresh the page changes are lost.

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

3. Infinite Alert Boxes :

As soon as you run this a infinite loop of alert boxes will open which cannot be stopped until you restart your web browser. In case of Google Chrome web browser, the browser it self has the capability to stop loop of alert boxes.

:while(1){alert('Restart your brower to close this box!')}

4. Calculator :

You can also use for calculation purposes. Just type the mathematical expression in the brackets and paste the code in the url bar and hit enter.

: alert(4+5+6+7+(3*10));

5.View Passwords Behind Asterisk :

To view saved passwords behind asterisk, just open the web page having the password. After opening the web page paste the given below in the address bar and hit enter. That’s it.

function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j s += f[i].value + "
"; } } if (s) alert("Passwords in forms on this page:

" + s); else alert("There are no passwords in forms on this page.";})();