Mise à jour automatique de la table

Question

J'ai un script PHP qui rend une belle série d'éléments div à partir de MySQL info, maintenant je veux la mettre à jour dynamiquement et ajouter de nouveaux div comme de nouveaux champs dans MySQL sont ajoutés.

window.setInterval(function() { 

     $.get('tableup.php', function(balance) { 
      $('.containerDiv').html(balance); 
     }); 

    }, 60000*0.1); 

Première question est de savoir comment ajouter les divs au sommet de la div conteneur avec un effet de fondu? La deuxième question est comment puis-je savoir quelles divs retourner dans tableup.php? J'ai déjà les dates de chaque champ enregistré, les passerait à la tableup, les analysant, puis exécutant une requête appropriée sur le travail de base de données? Comment puis-je sauvegarder le côté client date? Le format est comme ce 2012-11-17 13:26:31

Answer 1

Question 1:

Utilisez quelque chose comme

$('.containerDiv').prepend(balance).fadeIn('slow'); 

Assurez-vous de définir les "entrants" div est comme display: none dans votre css, de sorte que vous ne voyez pas un flash.

Question 2:

Bien sûr, enregistrer la date ou l'horodatage dans le format dans une variable et passer juste au script

var time = '2012-11-17 13:26:31'; 

window.setInterval(function() { 

     $.get('tableup.php', { lastTime: time }, function(balance) { 
      $('.containerDiv').html(balance); 
      //update time, either from server script or by using the client side time 
     }); 

    }, 60000*0.1);