[Demo] Mur facebook conçu avec Symfony2

Voila une petite démo que j'ai réalisé avec Symfony2 beta1 du JQuery, bcp d'Ajax, tout le monde connait le principe du mur facebook ;-)

Je l'ai mis sur mon nouveau VPS que j'ai pris récemment chez OVH.

Tres sympa et bien realise ! Tu partages les sources ?

Joli!

je partagerai mes sources avec plaisir via un système prochainement mis en place, gracieusement bien entendu pour tous les contributeurs du forum et de Symfony :ccool:

Autrement dit... GitHub ? :D

:aie:


Sinon, attention a ta façon d'envoyer les données avec $.ajax. L'argument data peut être un simple tableau JS, c'est jQuery qui s'occupe d'encoder et de compiler les données. A la place de

Code:

---

var DATA = 'comment=' + comment + '&post_id=' + id_elem;

---

, essaie

Code:

---

var DATA = { 'comment': comment, 'post_id': id_elem }

---

. Parce que la, si je post un commentaire "blabla&blibli", la partie blibli disparaît ;)

Bien vu :ccool:

C'était pour voir si vous suiviez :mouarf:

J'ai apporté quelques modifs

Est ce que tu comptes pousser le vice à la reconnaissance des liens youtube/videos, sites web, etc... ?

en tout cas, bravo.

C'est justement un des points auquel je pensais travailler.

Bon c'est juste une démo, je ne souhaite pas recréer un facebook ! Mais dans la mesure où j'élabore un réseau social à titre personnel, toute expérimentation est bonne à prendre et enrichissante pour mes projets et ça permet d'apprendre à dompter la "bête" ;)

Donc oui il est possible que je m'amuse à rajouter des fonctionnalités, pourquoi pas aller plus loin qu'une simple copie de la version originale, les idées fusent, je ne suis jamais à court :ccool:

Voir le refaire en CSS3...

Yes ! preneur aussi pour le code :)
Bravo

Super travail !

Un petit push sur GitHub serait terrible en ce qui me concerne ! ;-)

Vous n'y êtes pas, c'est lui qui est a l'origine de Google+, le code n'est plus dispo du coup !:aie:

Citation:

---

Envoyé par winzou

Vous n'y êtes pas, c'est lui qui est a l'origine de Google+, le code n'est plus dispo du coup !:aie:

---

Chuuut ! :aie:

Citation:

---

Super travail !

Un petit push sur GitHub serait terrible en ce qui me concerne ! ;-)

---

En effet un push Github serait royal.

Bonjour,

Trouvant cet exemple très instructif, j'ai tenté de reproduire quelque chose de similaire.

Toutefois je rencontre quelques soucis au niveau de l'ajout d'un post, quand celui ci doit s'ajouter dynamiquement au dessus des autres.

Pour m'expliquer je vais présenter un peu de code.

Ma vue, la partie ou sont affichés les publications :

Code:

---

1 2 3

<div class="post"> {% include 'ApplicationTestFacebookBundle:Facebook:lister.html.twig' with {'publications' : publications} %} </div>

---

et côté script :

Code:

---

1 2 3 4 5 6 7 8 9 10

var DATA = { 'publier': publier} $.ajax({ type: "POST", url: "{{ path('facebook_add')}}", data: DATA, cache: false, success: function(data){ $('#post').html(data); } });

---

et dans mon controleur, quand j'ajoute une publication, je la persiste et je retourne la page avec ma publication :

Code:

---

1 2 3

return $this->container->get('templating')->renderResponse('ApplicationPetBoxBundle:Facebook:lister.html.twig', array( 'publications' => $publication ));

---

Le problème c'est que ma page ne s'actualise pas.
Il faut que je l'actualise avec "F5" pour voir s'afficher mon nouveau post.

J'ai également tenté la fonction javascript "prependTo" qui apparemment permet d'afficher du contenu au tout début du conteneur mais rien à faire, cela ne fonctionne pas :/


Je voudrais savoir si je dois retourner par exemple du code html depuis mon controleur pour que la fonction "prependTo" fonctionne ou si je pouvais passer par ma page lister.html.twig en lui transmettant ma publication mais dans ce cas comment faire ?


Merci d'avance

Tu es bon normalement, sauf je vois que tu utilises #post dans ton JS alors que tu as class="post" dans ton html. Il faut choisir, post est soit une classe soit un id ;)

Yes merci c'était bien de la que venait une partie de mon problème :D

L'autre problème provenait du fait que je retournais directement mon objet publication alors que ma vue attendait un arrayList

Code:

---

{% for publication in publications %}

---

Déjà utilise FIREBUG tu verras clairement d'où vient ton problème. Pour moi c'est indispensable pour déboguer de l'Ajax.

Bonjour je déterre ce post qui date de 2011

Est il possible d'avoir la source ? sur le site la démo ne fonctionne plus.

Merci.