En direct Frontpage (Comme cursebird ou foursquare)

Question

Ok donc je vais être honnête, j'ai beaucoup d'expérience avec php/mysql, je viens de commencer à apprendre jQuery et j'ai fait très peu, mais certains avec ajax . Donc, en utilisant les termes ajax/jquery de façon interchangeable, c'est un peu confus pour moi. Quoi qu'il en soit, comme le titre l'indique, j'ai un site web avec 5 éléments, et je veux qu'ils bougent (c'est-à-dire, si un plus récent est entré, supprime le dernier élément, et place le nouveau), ils sont 5 des plus Les éléments récents dans la table de la base de données, maintenant j'ai codé jquery comme un test afin qu'il disparaisse le dernier, le tout se déplace vers le bas, fait de la place en haut, et s'estompe dans un nouveau. Cependant, c'est un test et a 0 interaction avec la base de données, celle qui s'estompe est juste dans un div caché. Ainsi, la partie jQuery est prise en charge.

Donc, je ne sais pas comment faire, je pensais peut-être ajax vérifier un site Web de la page qui a ces 5 éléments au format brut, et si elles changent puis actualiser?

Vous ne cherchez pas une réponse «plz code 4 me», juste le concept de comment cela fonctionnerait, ou quelques liens pour bien démarrer.

edit - En outre, les 5 éléments sont classés, donc si je clique sur l'élément 3, j'en ai besoin pour me déplacer au-dessus du point 2 sans rafraîchissement, donc cela pose tout un autre problème.

Answer 1

Dan,

J'ai fait un exemple ici s'il vous plaît vérifier http://jsfiddle.net/yB3zY/

Vous pouvez écrire votre ajax obtenir des éléments etc ce qui est assez facile avec jquery, supposons que votre ajax est retourné cinq articles ok.

var arrpropInfo = GetData();// which returns array of five items 
     if (arrpropInfo.length == 5 && (!CheckIFThatItemAlreadyExists(id))){    
       arrpropInfo.unshift(id); //adds at the first location 
       arrpropInfo.pop();// removes the last element 

} 

votre tableau aura les derniers nouveaux 5 articles, laissez-moi savoir si vous avez besoin d'autres informations.