AJAX e CSS

[narghat]

Vorrei implementare dei bottoni che filtrino i contenuti di una chat.

Avrei div "chat_messages" che viene aggiornato ogni 4 secondi, tramite una chiamata ajax con un setInterval

<div id="chat_messages">Loading...</div>

All'interno arrivano informazioni tipo:

<p class='c1' >Marco: ciao</p>
<p class='c1'>Luigi: ciao Marco</p>
<p class='c7'>Francesco saluta</p>

io vorrei fare in modo che i giocatori possano impostare cosa filtrare, sempre tramite ajax
Ho provato funzioni contenenti:

 $('.c7').css('display', 'none');

ma non appena passano 4 secondi torna visibile.

Ho provato con i cookie ma non sono tanto buono e comunque non ci sono riuscito

[cavicchiandrea]

Poco chiaro, hai impostato un cookie di 4 secondi?

[narghat]

Originariamente inviato da cavicchiandrea
Poco chiaro, hai impostato un cookie di 4 secondi?

Nu a 4 secondi è il load del testo.

function chatgioco(){
$(document).ready(function() {
 $("#chat_messages").load('js/chat_ajaxload.php');//php con query
 $.ajaxSetup({ cache: false });	
 });
}
setInterval("chatgioco()", 4000); //ricarica lafunzione ogni4sec

mentre qui ho il post

$(document).ready(function() {		
 $("#chat_form").submit(function(){
 $.post('js/chat_ajaxpost.php',$('#chat_form').serialize(),function(data){
 $("#chat_messages").append('<div>' + data + '</div>')
 });
 return false;
 });	
});

Non capisco come poter mettere dei filtri al messaggi lato client, e se è possibile

[neroux]

Per quanto posso vedere scarichi ogni quattro secondi il contenuto di js/chat_ajaxload.php in #chat_messages. Quindi perdi sempre tutte le modificazioni che hai eseguito prima tramite .css().

[narghat]

Originariamente inviato da neroux
Per quanto posso vedere scarichi ogni quattro secondi il contenuto di js/chat_ajaxload.php in #chat_messages. Quindi perdi sempre tutte le modificazioni che hai eseguito prima tramite .css().

E' quello a cui sono arrivato pure io dopo 1 giorno che ci sbatto la testa..
.