2012-01-08 2 views
0

新しい行を表示する60秒ごとにリフレッシュするAJAXグリッドがあります。これは非常に基本的なXMLHttpRequest()グリッドで、PHPファイルからデータを取得します。私は、すべてのインターネットをチェックしましたが、それでも各さわやか後に新たに追加された行に、このjQueryのハイライト効果を実装する方法の解決策を見つけていない: http://docs.jquery.com/UI/Effects/Highlight新しい行のJqueryハイライト効果

最良の戦略でしょうか?

答えて

1

余分なクラス、たとえばtohighlightを使用してサーバーから新しい行を出力します。あなたのAjax成功ハンドラ(JS内)で、次のような何かをしてください:

... 
success: function(data) { 

    // ... your code to refresh the grid with new rows etc.. 

    // highlight new rows 
    $('.tohighlight').highlight(); 

    // remove the tohighlight class, so these rows wont be highlighted after your next refresh 
    $('.tohighlight').removeClass('tohighlight'); 

} 
... 
0

あなたのPHPファイルにデータを含めるときは、そのデータにエフェクトを適用する関数を作成します。そのため、メインページから引き出すときにはすでに効果があります。

関連する問題