RV's free DHTML and JavaScript text and graphic scripts :: Text Scrambler for a whole Web-Page

TEXT SCRAMBLER
This script randomly scrambles all the words on a page after a pre-set delay. It would be silly to do it to this page as you wouldn't be able to read it but you can see the effect in action on my F.A.Q. page
This script has been tested on and shown to work with Internet Explorer 5+, Netscape 6+, Firefox 1.0 and Opera 7+
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 /**************************\ Text Scrambler * (c)2005-6 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; window.onload=function() { 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$/)) { 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("scramble()", delay1000); }} function scramble() { for (var i=0; i<chmax; i++) setTimeout("swap("+i+", "+Math.floor(i+Math.random()(chmax-i))+")", 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="#f00"; } 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
THAT'S IT When your page loads, it should begin to get scrambled.
No menu on the left? Click here for a full list of all the free DHTML and Javascript effects you could be using on your web-site!

Interested in learning more about JavaScript, CSS, HTML/XHTML/XML and PHP programming? I would highly recommend the following books...

[ This page viewed 2831 times. Last viewed Sun 20 Jul, 2008 at 03:40 ]