新しい行を表示する60秒ごとにリフレッシュするAJAXグリッドがあります。これは非常に基本的なXMLHttpRequest()グリッドで、PHPファイルからデータを取得します。私は、すべてのインターネットをチェックしましたが、それでも各さわやか後に新たに追加された行に、このjQueryのハイライト効果を実装する方法の解決策を見つけていない: http://docs.jquery.com/UI/Effects/Highlight:新しい行のJqueryハイライト効果
最良の戦略でしょうか?
新しい行を表示する60秒ごとにリフレッシュするAJAXグリッドがあります。これは非常に基本的なXMLHttpRequest()グリッドで、PHPファイルからデータを取得します。私は、すべてのインターネットをチェックしましたが、それでも各さわやか後に新たに追加された行に、このjQueryのハイライト効果を実装する方法の解決策を見つけていない: http://docs.jquery.com/UI/Effects/Highlight:新しい行のJqueryハイライト効果
最良の戦略でしょうか?
余分なクラス、たとえば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');
}
...
あなたのPHPファイルにデータを含めるときは、そのデータにエフェクトを適用する関数を作成します。そのため、メインページから引き出すときにはすでに効果があります。