.
Your page is in violation of Dynamic Drive's usage terms (http://www.dynamicdrive.com/notice.htm), which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice first.
That said, this works:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="crawler.js">
// Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/
// username: jscheuer1 - This Notice Must Remain for Legal Use
// updated: 4/2011 for random order option, more (see demo page)
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
// Import and Update Content to Crawler Script (c)2012 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/showthread.php?p=274638#post274638
// username: jscheuer1 - This Notice Must Remain for Legal Use
// requires Text and/or Image Crawler Script v1.5, and jQuery
jQuery(function($){
// do not edit this line:
var $tempcont = $('<span style="display: none;"></span>').appendTo('body'), tc, count, marq, $omarkup,
// filename (include path if different than this page) of the data generating page, must be on the same domain:
contentpage = 'track.php',
// jQuery type of css class selector of nested span in crawler that receives updates:
contentselector = '.scroll',
specs = { // init specs for crawler:
uniqueid: 'mycrawler',
style: {
'padding': '5px',
'width': '300px',
'background': '#ffffe0',
'border': '1px solid #c30'
},
inc: 8, // speed or 'cursor driven' top speed - pixel increment for each iteration of this marquee's movement
mouse: 'cursor driven', // mouseover behavior ('pause' 'cursor driven' or false)
moveatleast: 1, // if 'cursor driven' minimum speed when cursor is off marquee
neutral: 50, // size of neutral area in the center of 'cursor driven' marquee
savedirection: true
}; // end crawler init specs
////////////////////////// No Need to Edit Below Here //////////////////////////
$omarkup = $('#' + specs.uniqueid).clone();
$.ajaxSetup({cache: false});
$(contentselector).load(contentpage, function(){count = marqueeInit.ar.length; marqueeInit($.extend({}, specs));});
function update(){
$tempcont.load(contentpage, function(){
if((tc = $tempcont.html()) !== $('.marquee' + count + ' ' + contentselector).html()){
marq = marqueeInit.ar[count].setup;
marq.runit = function(){return;};
marq.c.onmouseover = marq.c.onmousemove = marq.c.onmouseout = null;
$(marq.c.parentNode).css({display: 'none'}).after($omarkup.clone().find(contentselector).html(tc).end()).remove();
count = marqueeInit.ar.length;
marqueeInit($.extend({}, specs));
}
});
}
setInterval(update, 10000);
});
</script>
</head>
<body>
<div class="marquee" id="mycrawler">
<span class="scroll"></span>
</div>
</body>
</html>
Notes:
Some browsers require a standards invoking DOCTYPE.
Even though it still checks every 10 seconds, it will only update the crawler if the contents of track.php have changed. This allows the user to have time to interact with the crawler between updates, and for a slower moveatleast speed for the crawler.
I think you can see where specifications for the crawler go, but any questions on that or the rest of it, feel free to ask.