Scusate se ho scritto urgente ma il cliente viene a vedere il lavoro oggi alle 14.30
Purtroppo mi sono accorto solo ora che pubblicando non si funziona..

Veniamo al problema.
Uso questa pagina per leggere un xml e mostrarlo scorrevole in orizzontale.
In locale funziona alla perfezione. Quando pubblico non va nulla.

Se qualcuno potesse provarlo e dirmi perchè mi farebbe un gran favore.


PAGINA:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="CSS/Link-Text-Verdana.css" rel="stylesheet" type="text/css">
<title>Pagina per forum</title>

<style type="text/css"> 
a {font-weight: bold;}
#mask p a {color: #ff0000;}
h3, h2 {padding: 1em 0 0.8em 0;}
h4 {font: normal 1.3em Arial; padding: 1.2em 0 0 0; border-top: 1px solid #ff0000; margin-top: 1em;}
body {
font-family: Verdana, sans-serif;
text-align: center;
margin: 0;
padding: 0;
background: #e1e1e1;
color: black;
font-size: 1px; 						
}
#wrapp {
width: 950px;
text-align: left;
font-size: 1em;
margin: 1em auto;
padding: 1em;
color: black;
}
 
 
#ldng {margin: 2em 0; letter-spacing: 50.3em; font-weight: bold; background: red; padding: 1em; color: #fff; display: none;}
#tickercontainer {background: transparent url(ticker-bg.gif) left top no-repeat; overflow: hidden; height: 50px; width: 950px; font-family: verdana;}
#mask {background: transparent; position: relative; left: 10px; width: 980px; overflow: hidden; height: 50px;}
#tickercontainer #mask p {font: bold 40px Verdana; white-space: nowrap; position: absolute; top: 5px; left: 950px; margin: 0; padding: 0;}
#tickercontainer #mask span {margin: 0 6px 0 10px}
</style>
 


<script src="jquery-1.1.3.1.pack.js" type="text/javascript"></script>
<script type="text/javascript"> 
var inPausa = false;
var z = 0;
var stripWidth;
var stripTime;
var $strip;
var caricato = false;
$(function() {
$.get("http://www.gazzetta.it/rss/Calcio.xml",function(data){
		var inject = '<p id="strip" style="display: inline">';
        $('item', data).each(function(i){
        //inject += '<span>'+ $('pubDate', this).text() + '<\/span>';
        inject += '<span><a href="'+ $('link', this).text() +'">' + $('title', this).text() + '<\/a><\/span>';				                                     
        });
        inject += '<\/p>'
        $('#mask').append(inject);
        caricato = true; 
        //passiamo a $strip l'oggetto jQuery per poterlo poi concatenare
        $strip = $("#mask p#strip");
 
        //pausa lo scroll
        $("#tickercontainer").hover(function(){
            inPausa = true;
        },
        function(){
            inPausa = false;
            
        });
        //alert("caricato " + caricato)
        //otteniamo la larghezza in px del P (inject)
				stripWidth = $strip.width();
				
				function scrollmarquee(){
 
						if(caricato){					
							if(!inPausa){
							z++;
							$strip.css("left", (600-z));
								if($strip.css("left").replace('px', '') <= -stripWidth){
									z = 0;
								}					
			      	}
			      }
      	}
      	//scrollmarquee();
				setInterval(scrollmarquee, 5);
				});
				
 
});
 
</script>
</head>

<body>
<div align="center">
  <table width="1000" border="1" bordercolor="#0066CC" cellspacing="0" cellpadding="0">
    <tr>
      <td bgcolor="#FFFFFF">
      
    <div id="wrapp">
	<h2 style="letter-spacing: -1px;"></h2>
	<div id="tickercontainer">
		<div id="mask"></div>
	</div>
	</div>

      </td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>
</div>
</body>
</html>
Pagina js http://jqueryjs.googlecode.com/files....1.3.1.pack.js