Up your page web mess with this free JavaScript scrambler

TEXT SCRAMBLER
This script randomly scrambles all the words on a web page after a pre-set delay (which you could set to, say, 10 minutes so that if someone is still hanging around reading your stuff it suddenly goes all wierd on them). It would be silly to show you this effect on this particular page as you wouldn't be able to read it but to show you how it works, you can see the effect in action on my F.A.Q. page
This script has been tested on and shown to work with the following browsers: Internet Explorer version 5 and above Google Chrome version 1 and above Mozilla Firefox version 1 and above Apple Safari version 3 and above Opera version 7 and above (including Opera mobile) Android Browser version 1 and above

05-Sep-2012: Improvements made to try and make the scrambled text more readable (even sillier). 29-Sep-2005: First release.
STEP 1: Copy and paste the code below so that it sits between the <head> and </head> tags at the top of your web-page: <script type="text/javascript"> // <![CDATA[ var delay=5; // seconds until scramble takes place once page loaded var colour="#f00"; // colour which letters are highlighted when being swapped /**************************\ Web-Page Scrambler * (c)2005-12 mf2fm web-design * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * \**************************/ var elems=new Array(); var chars=new Array(); var elmax=chmax=0; var nexco="transparent"; function addLoadEvent(funky) { var oldonload=window.onload; if (typeof(oldonload)!='function') window.onload=funky; else window.onload=function() { if (oldonload) oldonload(); funky(); } } addLoadEvent(scramble); function scramble() { if (document.getElementById) { var i, j, txt, parent, span, words; getAllText(document.body); for (i=0; i<elmax; i++) { txt=elems[i].nodeValue; parent=elems[i].parentNode; words=elems[i].nodeValue.split(" "); for (j=0; j<words.length; j++) { if (words[j].match(/^\w{2,}$/)) { span=document.createElement("span"); span.appendChild(document.createTextNode(words[j])); parent.insertBefore(span, elems[i]); chars[chmax++]=span; } else parent.insertBefore(document.createTextNode(words[j]), elems[i]); if (j!=words.length-1) parent.insertBefore(document.createTextNode(" "), elems[i]); } parent.removeChild(elems[i]); } setTimeout("scrumble()", delay1000); }} function scrumble() { var i, l1, r, l2; for (i=0; i<chmax; i++) { l1=chars[i].firstChild.nodeValue.length; do { r=i+Math.floor(Math.random()(chmax-i)); l2=chars[r].firstChild.nodeValue.length; } while (i<chmax-256 && l1!=l2); setTimeout("swap("+i+", "+r+")", 40i); } } function swap(i, j) { var k=chars[i].firstChild.nodeValue; var l=chars[j].firstChild.nodeValue; if (i) chars[i].style.backgroundColor=nexco; if (i!=chmax-1) { nexco=chars[i+1].style.backgroundColor; chars[i+1].style.backgroundColor=colour; } chars[i].firstChild.nodeValue=l; chars[j].firstChild.nodeValue=k; } function getAllText(el) { if (el.nodeType==3 && !el.nodeValue.match(/^\s*$/)) elems[elmax++]=el; if (el.childNodes.length) for (var i=0; i<el.childNodes.length; i++) getAllText(el.childNodes[i]); } // ]]> </script> CLICK HERE to select the above script ready to paste it into your clipboard
STEP 2: Change the delay before the script executes and also the colour that each letter is highlighted as it changes by modifying the values of the variables at the start of the script.
THAT'S IT When your page loads, it should begin to get scrambled into pure nonsense.

Copyright notice: All scripts are © copyright mf2fm.com. You can use them wherever and whenever you wish, however the copyright notice at the start of the script should remain intact and a link back to this page would be appreciated. The address for this page is: http://www.mf2fm.com/rv/dhtmlscramble.php.

This page has been viewed 419 times. It was last viewed on Thu 25 Apr, 2024 at 01:03