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!

[ This page viewed 86 times. Last viewed Fri 30 Jul, 2010 at 07:19 ]