2012-02-20 18 views
0

jquery divで単純なテキストを返すので、数秒ごとにユーザーにフラッシュを知らせることなく別の画像を表示したい。divの内容に応じて画像を変更する

<script> 
function status(){ 
    $('#status').empty();  
    $('#status').load('status/<?php echo $call->sid;?>'); 
    setTimeout(status, 5000);} 
    status(); 
</script> 

これは、ステータスを取得するために5秒ごとに更新されます。返された結果に応じて、さまざまな画像をどのように割り当てることができますか? Ex(発呼、進行中、完了)。

答えて

0

これを試してみてください:

<script type="text/javascript"> 
function status(){ 
    $('#status').empty();  
    // the request is not yet performed, set loading 
    $("#status").html('Loading'); 

    // make the request 
    $.get('status/<?php echo $call->sid;?>', function(data){ 
     // the request is complete 
     // assuming the data retrieved is HTML 
     $("#status").html(data); 

     // call the function again after 5 seconds 
     setTimeout(status, 5000); 
    }); 
} 

// when the document has loaded 
$(document).ready(function(){ 
    // call the status function 
    status(); 
}); 
</script> 
私は今の私どこほとんど私を取得します
+0

...しかし、私は、応答が何であるかに応じて、jQueryを介して各種の画像をロードします。私はPHPで他の場合は簡単に行うことができます...しかし、状況が変わったときではなく、イメージが再ロード時に点滅すると思います。基本的には、このアクティビティのステータスを表示する方法が必要です。 –

+3

ここにはさまざまなリクエストがあります。新しいイメージを含むhtmlまたはjsonを取得するPHPへの最初のリクエスト、そのイメージをロードするための2回目のリクエスト。ちらつきを避けたい場合は、表示する前に画像をプリロードすることができます:http://stackoverflow.com/questions/476679/preloading-images-with-jquery –

関連する問題