Chaos Project

Game Development => Sea of Code => Topic started by: PhoenixFire on July 16, 2014, 03:56:14 pm

Title: Some JS web code for fun
Post by: PhoenixFire on July 16, 2014, 03:56:14 pm
Okay, so, who has not heard of the Harlem Shake song/dance? Well, there was one point where youtube had implemented a small JS code snippet that made the results page do the harlem shake when you searched for the song. This little snippet will make ANY page do the same thing, complete with a short sound clip of it. Simply open your page inspector (sorry IE people, won't work for you) paste it into the console and press enter. Then sit back and watch the page start to go crazy. Results WILL vary depending on the way the site was coded, but it should prove to be entertaining regardless.


Spoiler: ShowHide
Code: javascript
javascript:(function(){function c(){var e=document.createElement("link");e.setAttribute("type","text/css");e.setAttribute("rel","stylesheet");e.setAttribute("href",f);e.setAttribute("class",l);document.body.appendChild(e)}function h(){var e=document.getElementsByClassName(l);for(var t=0;t<e.length;t++){document.body.removeChild(e[t])}}function p(){var e=document.createElement("div");e.setAttribute("class",a);document.body.appendChild(e);setTimeout(function(){document.body.removeChild(e)},100)}function d(e){return{height:e.offsetHeight,width:e.offsetWidth}}function v(i){var s=d(i);return s.height>e&&s.height<n&&s.width>t&&s.width<r}function m(e){var t=e;var n=0;while(!!t){n+=t.offsetTop;t=t.offsetParent
}return n}function g(){var e=document.documentElement;if(!!window.innerWidth){return window.innerHeight}else if(e&&!isNaN(e.clientHeight)){return e.clientHeight}return 0}function y(){if(window.pageYOffset){return window.pageYOffset}return Math.max(document.documentElement.scrollTop,document.body.scrollTop)}function E(e){var t=m(e);return t>=w&&t<=b+w}function S(){var e=document.createElement("audio");e.setAttribute("class",l);e.src=i;e.loop=false;e.addEventListener("canplay",function(){setTimeout(function(){x(k)},500);setTimeout(function(){N();p();for(var e=0;e<O.length;e++){T(O[e])}},15500)},true);e.addEventListener("ended",function(){N();h()},true);e.innerHTML=" <p>If you are reading this, it is because your browser does not support the audio element. We recommend that you get a new browser.</p> <p>";document.body.appendChild(e);e.play()}function x(e){e.className+=" "+s+" "+o}function T(e){e.className+=" "+s+" "+u[Math.floor(Math.random()*u.length)]}function N(){var e=document.getElementsByClassName(s);var t=new RegExp("\\b"+s+"\\b");for(var n=0;n<e.length;){e[n].className=e[n].className.replace(t,"")}}var e=30;var t=30;var n=350;var r=350;var i="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake.mp3";var s="mw-harlem_shake_me";var o="im_first";var u=["im_drunk","im_baked","im_trippin","im_blown"];var a="mw-strobe_light";var f="//s3.amazonaws.com/moovweb-marketing/playground/harlem-shake-style.css";var l="mw_added_css";var b=g();var w=y();var C=document.getElementsByTagName("*");var k=null;for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){if(E(A)){k=A;break}}}if(A===null){console.warn("Could not find a node of the right size. Please try a different page.");return}c();S();var O=[];for(var L=0;L<C.length;L++){var A=C[L];if(v(A)){O.push(A)}}})()
Title: Re: Some JS web code for fun
Post by: Zexion on July 16, 2014, 04:02:18 pm
OMFG this is hilarious haha
Title: Re: Some JS web code for fun
Post by: Blizzard on July 16, 2014, 04:22:37 pm
Quote from: PhoenixFire on July 16, 2014, 03:56:14 pm
Okay, so, who has not heard of the Harlem Shake song/dance?


I actually even made one with my friends.

Also, LMAO! I didn't know about this easter egg. xD
Title: Re: Some JS web code for fun
Post by: SquareMan on July 20, 2014, 04:08:04 am
The code doesn't seem to work with Opera Next. Too bad...