effetti con jquery

[gege79]

salve utilizzo jquery per richiamarmi uno script .php che mi da dei valori, ed ogni volta che si aggiungono nuovi valori, la tabella si aggiorna senza refresha della pagina. fin qui tutto bene ora vorrei aggiungere un effetto "di entrata" ogni qual volta viene caricato un nuovo dato.
esempio:
gigi ha ottenuto 10 punti
mario ha ottenuto 5 punti


ogni volta che appare un nuovo dato vorrei che fosse evidenziato con qualche effetto o magari anche un BIP.

ecco il codice jquesry che uso:

<script>

$(function() {
setInterval("updateTopic()", 2000); });

function updateTopic() {
$.ajax({
'class': "module",
url : 'ajax_php/stats/offerscomplete.php',
success: function (data) {
$("#latest-topic").html(data);
}
});
}
</script>

<div id="latest-topic"></div>

[Nobody33]

ogni volta che appare un nuovo dato vorrei che fosse evidenziato con qualche effetto o magari anche un BIP.

Quale effetto?
Bip o effetto?

Decidi...

[gege79]

un effetto, non saprei quale, grazie

[gege79]

un effetto qualsiasi, giusto x vedere come si fa in linea d principio, grazie

[Nobody33]

function updateTopic() {
$.ajax({
'class': "module",
url : 'ajax_php/stats/offerscomplete.php', 
success: function (data) { 
$("#latest-topic").html(data).delay(500).fadeIn(1000); 
}
});
}

Dovrebbe andare...

[gege79]

l'ho messo ma nn fa niente, oppure l'effetto è impercettibile.
c'è qualche lista di effetti o cose simili?
cmq cosi funziona, ma nn fa nessun effetto. grazie

[Nobody33]

Hai chiesto:

un effetto qualsiasi, giusto x vedere come si fa in linea d principio, grazie

E te l'ho fatto vedere "in linea di principio".

c'è qualche lista di effetti o cose simili?

Si certo, esiste. La trovi QUI.

Ce ne sono altri, ma devi cercare in rete e studiarti un minimo di javascript e jQuery (una libreria disponibile per javascript)

[gege79]

benissimo grazie, ma il problema è che nessun d questi effetti si vede, cioè nn fa niente è come prima, qualche idea?

[gege79]

ho provato anche cosi:
$("#latest-topic").html(data).slideDown('slow', function(data) {});


seguendo come guida quel link che m hai passato, ma al solito l'effetto non si vede

[Nobody33]

Ma

<div id="latest-topic"></div>

rimane fisso nella pagina?
Cioè viene aggiornato il suo contenuto, oppure il #latest-topic stesso ?

$("#latest-topic").html(data).delay(500).fadeIn(1000);

è per il div #latest-topic che aspetta mezzo secondo, poi fa il fadein.

EDIT:

mi fai vedere un link alla pagina ?