Tele-printer news ticker effect free from RV's DHTML and JavaScript text and graphic scripts

NEWS TICKER

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 2 and above

17-Sep-2014: Updated with new load handlers. 29-Feb-2004: 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 news=Array("This is the NEWS-TICKER TEXT EFFECT", "Brought to you by the good people at www.mf2fm.com/rv", "Did you note how the web-address was turned into a hyperlink?", "Another free effect "+String.fromCharCode(169)+"2004 onwards RV's free DHTML effects", "Check back from time to time to get the latest scripts..."); var cursor="_"; // set cursor var delay=12; // seconds between each news item /**************************\ News Ticker Text Effect * (c)2004-14 mf2fm web-design * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * \**************************/ var newsp, cursp, flash, item=0; if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) { var oldonload=window.onload; if (typeof(oldonload)!='function') window.onload=funky; else window.onload=function() { if (oldonload) oldonload(); funky(); } } addRVLoadEvent(teleprint); function teleprint () { if (document.getElementById) { var span=document.getElementById("news"); while (span.childNodes.length) span.removeChild(span.childNodes[0]); delay=1000; newsp=document.createElement("span"); cursp=document.createElement("span"); cursp.appendChild(document.createTextNode(String.fromCharCode(160)+cursor)); span.appendChild(newsp); span.appendChild(cursp); ticker(); }} function ticker() { var i; while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]); newsp.appendChild(document.createTextNode(news[item].substring(0,1))); for (i=1; i<news[item].length; i++) setTimeout('newsp.firstChild.nodeValue="'+news[item].substring(0, i+1)+'"', 100i); if (news[item].indexOf("www")!=-1) setTimeout('linkit('+item+')', 100i); setTimeout('flash=setInterval("cursp.style.visibility=(cursp.style.visibility==\'visible\')?\'hidden\':\'visible\'", 234)', 100*i) setTimeout('clearInterval(flash)', delay); setTimeout('cursp.style.visibility="visible"', delay); setTimeout('ticker()', delay); item=++item%news.length; } function linkit(q) { var a,p,e,l; p=news[q].indexOf("www"); e=news[q].indexOf(" ", p); if (e==-1) e=news[q].length; l=news[q].substring(p, e); while (newsp.childNodes.length) newsp.removeChild(newsp.childNodes[0]); newsp.appendChild(document.createTextNode(news[q].substring(0, p))); a=document.createElement("a"); a.href="http://"+l; a.appendChild(document.createTextNode(l)); newsp.appendChild(a); newsp.appendChild(document.createTextNode(news[q].substring(e))); } // ]]> </script> CLICK HERE to select the above script ready to paste it into your clipboard
STEP 2: Edit the array called 'news' at the start of the JavaScript to contain the messages which you want to appear. Enter links without the 'http://' but with the 'www.'
STEP 3: Place a <span> element with 'id="news"' on your web-page containing some text which will show in case the script doesn't run (i.e. for people without JavaScript enabled). For example:
THAT'S IT When your page loads, the text you placed in the array at the start of the script will be typed out as if it were coming from a news feed.

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/dhtmlnews.php.

This page has been viewed 220 times. It was last viewed on Sat 21 Dec, 2024 at 07:10