ouvrir un formulaire popup jquery dans les rails pour afficher les commentaires et créer un commentaire

Question

J'ai le contrôleur de commentaires standard attaché à mon projet via une association has_many.

J'ai un ensemble de lignes qui montrent les derniers commentaires.

Lorsque l'utilisateur clique sur le commentaire qui est affiché (disons qu'ils cliquent sur le titre), alors je veux

1) une fenêtre contextuelle pour ouvrir qui montre a) un commentaire soumettre sous forme b) sous la formulaire de commentaire, une liste de tous les commentaires associés au projet.

J'ai du mal à faire fonctionner le popup, puis à remplir le popup avec 1 et 2 de dessus.

quand je soumettre un formulaire de hte, je le veux rafraîchir la fenêtre avec la même configuration (nouvelle forme de commentaires et la liste des commentaires existants ci-dessous.

je pense que je peux le faire avec jquery et rails, mais pas sûr . comment j'utilise des rails jquery-

merci pour l'aide

Answer 1

pour commencer, vous pouvez prendre à regarder à la JQuery dialog demo -.! mettre un formulaire dans la boîte de dialogue et de le soumettre avec = ajax (distance> true) et ferme la boîte de dialogue si elle réussit.La réponse d'Evan vous donnera une solution plus belle et finalement meilleure (comme beaucoup d'autres lightbo) gems x-like) mais l'utilisation d'une boîte de dialogue jquery est probablement le moyen le plus simple de commencer

Answer 2

Il semble que vous souhaitiez utiliser un peu d'AJAX dans vos Rails. La fonctionnalité discrète JavaScript et AJAX de Rails vous permet de charger des vues à distance dans des fenêtres pop-up sans recharger la page, et je pense que ce que vous voulez probablement faire ici est de charger une vue distante contenant votre combinaison de modification/affichage . Ensuite AJAX met à jour la page principale une fois la boîte de dialogue fermée. Je voudrais commencer avec ce petit tutoriel sur using unobtrusive JavaScript with AJAX with Rails 3, puis consultez Facebox, que j'ai appris à propos de this post that asks a question related to yours.

Bonne chance!

Answer 3

Je suis allé avec Facebox et les deux réponses étaient bonnes, merci. Cependant, j'ai le problème suivant: Des idées? Avec Facebox, je reçois un texte brut lorsque je l'utilise pour le sélecteur ('#facebox .content'). Cela fonctionne très bien pour ('#facebox') ou ('#facebox .popup'). Avez-vous rencontré des gars dans ce domaine? Par sortie brute, je veux dire ce qui suit:

$('#facebox .content').html(" 
\n Hello from box div\n<\/div> "); 

c'est ce qui apparaît dans la boîte. et seulement pour le sélecteur .content!

dans application.js i ont:

$('a[rel*=facebox]').facebox(function($) { 
    $.getScript(this.href); 
}); 

dans mon contrôleur:

respond_to do |format| 
    format.html # show.html.erb 
    format.xml { render :xml => @project } 
    format.js {render :layout => false} 
    end   

dans mon show.js.erb:

$('#facebox .content').html("<%= escape_javascript(render("spaces"))%>");