2012-10-17 111 views
0

反正是有刷新該div的內容時,從feed.php值更改刷新DIV

這是我對新聞股票代碼:

<script type="text/javascript"> 
function bangingTicker(container,element) { 

    var tickContainer = $(container); 
     function tick(){ 
      var tickElem = tickContainer.children(element); 
      tickElem.eq(1).siblings().animate({ 
       opacity: 0 
       },400, function() { 
        tickContainer.stop(true,true).delay(10).animate({ 
        'margin-right': 10 
        },0,function() { 
         tickContainer.delay(100).animate({ 
         'margin-right': 20 
         },8000); 
        }); 
         tickElem.first().appendTo(tickContainer); 
         tickElem.eq(1).delay(200).animate({ 
          opacity: 1 
         },400); 
        }); 

     } 

     setInterval(function(){ tick() }, 6000); 

} 

bangingTicker('#testi_ticker','li'); 


$(document).ready(function(){ 
    bangingTicker('#testi_ticker','li');  
    setTimeout(function(){ 
     $('#testi_ticker').fadeIn(1000); 
    },6400); 
}); 


</script> 

HTML腳本

<div id="anc"> 
<label style="float:left;color:red;font-size:15px;margin-left:30px;margin-top:20px;"><b>ANNOUNCEMENT : </b>&nbsp;</label> 
<ul id="testi_ticker" style="display:none;float:left;font-size:15px;font-weight:bold;list-style:none;margin-top:20px;position:absolute;margin-left:180px;"> 
<?php echo $_SESSION['anc']; ?> 
</ul> 
</div> 

feed.php

<?php 
session_start(); 

$mes1 = "test1"; 
$mes2 = "test2"; 
$mes3 = "test3"; 


$body = " <li>{$mes1} </li> 
      <li>{$mes2} </li> 
      <li>{$mes3} </li> 
"; 

$_SESSION['anc'] = $body; 

?> 

是否有更新html頁面上的輸出值,以便當我編輯「feed.php」時,html頁面上的值也會自動更新?

+4

使用JavaScript來檢查是否有任何新的東西在你的服務器上(通過Ajax),如果是的話,你更新它。 – Ibu

回答

0

您必須使用JavaScript/Ajax。你可以簡單地檢查調用一個Ajax請求每隔幾秒鐘,或者你使用一個叫做「長輪詢」的技術,這裏是一個偉大的視頻教程是:

http://www.screenr.com/SNH