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:
Pagina js http://jqueryjs.googlecode.com/files....1.3.1.pack.jscodice:<!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>
Rispondi quotando