# Popup window contenant une form : quelle solution plugin et/ou dev

**URL:** <https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711>\
**Category:** FR\
**Created:** [October 30, 2007, 11:11am UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711 "2007-10-30T11:11:48Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 11:11am UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/1 "2007-10-30T11:11:48Z")

</div>

Bonjour,

J’avance petit à petit (en posant beaucoup de questions).  
J’ai actuellement une application qui tourne a peu près mais dont je  
voudrais améliorer l’esthétique (affaire de gout).

Mon appli comporte un certains nombre de recherches sur la base,  
recherches activées au travers d’un menu qui fait apparaitre une div  
(caché) sur ma page.  
Je voudrais que cette recherche apparaisse dans une fenêtre modal  
(avec un masquage transparant).  
Comment feriez vous? Quels plugins existent?  
Je teste Redbox mais je ne sais pas comment fermer la fenêtre au  
“submit” (ou au cancel).

Encore une fois merci de votre aide.

Nicolas

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 3:15pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/2 "2007-10-30T15:15:50Z")

</div>

Je me réponds à moi-même.

J’ai trouvé ce “Popup kit” ([http://www.methods.co.nz/popup/](http://www.methods.co.nz/popup/)  
popup.html#toc8) en cherchant un peu. Cela semble correspondre à ce  
que je cherche.

Je vous tiens au courant

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 4:41pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/3 "2007-10-30T16:41:41Z")

</div>

Nicolas :

> Mon appli comporte un certains nombre de recherches sur la base,  
> recherches activées au travers d’un menu qui fait apparaitre une div  
> (caché) sur ma page.  
> Je voudrais que cette recherche apparaisse dans une fenêtre modal  
> (avec un masquage transparant).  
> Comment feriez vous? Quels plugins existent?  
> Je teste Redbox mais je ne sais pas comment fermer la fenêtre au  
> “submit” (ou au cancel).

Tu veux un formulaire comme un login window (7) ou un  
confirm dialog (5) ?

[http://prototype-window.xilinus.com/samples.html](http://prototype-window.xilinus.com/samples.html)

– Jean-François.

–  
Ruby ( [http://www.rubyfrance.org](http://www.rubyfrance.org) ) on Rails ( [http://www.railsfrance.org](http://www.railsfrance.org)  
)

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 5:40pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/4 "2007-10-30T17:40:51Z")

</div>

Le 30/10/07, Jean-François Trân [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) a écrit :

> > “submit” (ou au cancel).  
> > alors

pour fermer la fenêtre au submit tu fais

```
          submit_tag "Valider",:onclick => 'RedBox.close()'

```

et pour une image qui ferme la fenêtre

```
        link_to_close_redbox(

```

image\_tag(“…/images/interface/fermer.png”))

et voilÃ

😉

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 5:56pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/5 "2007-10-30T17:56:40Z")

</div>

Pour jean François dans mon cas c’est plutôt du genre login window  
(search window)

Pour Nicolas G. ça marche

En tout cas merci de votre aide car quand je vois les réponses parfois  
évidente (sauf pour moi), je me dis que vous avez bien de la patience.

Nicolas

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 6:30pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/6 "2007-10-30T18:30:43Z")

</div>

> En tout cas merci de votre aide car quand je vois les réponses parfois  
> évidente (sauf pour moi), je me dis que vous avez bien de la patience.

bah, on a tous été débutant (et je le suis encore …).

NG

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 9:43pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/7 "2007-10-30T21:43:17Z")

</div>

Bon du coup maintenant j’hésite.

- Popup, fonctionne et j’aime bien la possibilité de faire apparaitre  
mes photos en passant la souris sur le lien, de plus le site est assez  
clair et explique bien comment l’utiliser et indique comment faire les  
fenêtres modal qui incluent une form
- Redbox fonctionne aussi mais n’a pas l’air de permettre l’apparition  
d’un photo au passage du lien, de plus il est mieux intégré à rails  
mais par contre je n’ai pas vraiment trouvé une doc très explicite  
avec des exemples.

Que me conseillez vous?sur lequel j’investis du temp et je garde?

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 11:40pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/8 "2007-10-30T23:40:15Z")

</div>

Tiens pendant que tu es encore debout. Le onclick =\> 'RedboxClose()  
fonctionne bien excepte sous IE si on appuie sur la touche enter au  
lieu de cliquer sur submit, dans ce cas la fenêtre ne disparait pas.  
J’ai essayé en rajoutant des onenter et onsubmit mais ça ne fonctionne  
pas. Commens fais tu?

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 30, 2007, 11:22pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/9 "2007-10-30T23:22:43Z")

</div>

Le 30/10/07, Tranquiliste [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) a écrit :

> Bon du coup maintenant j’hésite.
> 
> - Popup, fonctionne et j’aime bien la possibilité de faire apparaitre  
> mes photos en passant la souris sur le lien, de plus le site est assez  
> clair et explique bien comment l’utiliser et indique comment faire les  
> fenêtres modal qui incluent une form
> - Redbox fonctionne aussi mais n’a pas l’air de permettre l’apparition  
> d’un photo au passage du lien,

bin non il est pas fait pour cela, pour des effets de mouseover , un  
simple  
javacript suffit

de plus il est mieux intégré à rails

> mais par contre je n’ai pas vraiment trouvé une doc très explicite  
> avec des exemples.

en effet, mais en travaillant un peu dessus et en lisant les  
commentaires du  
site tu arrives à pas mal de choses

chez moi : formulaire à partir de div cachées, et appel à un controleur  
action différente dans une fenêtre popup.

cela dépend donc de tes besoins,  
redbox est ue bonne solution intégrée, popup à ce que j’ai lu reste du  
pur  
javascript.

Que me conseillez vous?sur lequel j’investis du temp et je garde?

ce qu’il ya de beau dans le chois, c’est de choisir 😉

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 31, 2007, 10:38am UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/10 "2007-10-31T10:38:11Z")

</div>

Salut  
Histoire de te filer de l’info  
[http://jquery.com/demo/thickbox/](http://jquery.com/demo/thickbox/)

Mais bon ça utilise jquery.  
Je suis en train de me former à rails et pour l’instant j’ai remplacé  
prototype/scriptaculous par jquery + interface. J’ai été séduit par le  
shopping cart de interface  
[http://interface.eyecon.ro/demos/cart.html](http://interface.eyecon.ro/demos/cart.html)  
Il m’a semblé plus aboutit que celui de la démo scriptaculous. De plus,  
la doc de jQuery est complète et pas mal présentée. Et puis ça me  
dérangeait d’être lié à ces librairies javascript choisie par rails.

J’ai eut un peu de mal au début vu que la doc “jquery + rails” n’est pas  
surabondante sur le sujet, surtout pour un débutant. Mais en fin de  
compte, utiliser uniquement jquery dans rails ça passe comme une lettre  
à la poste, on garde sans problème les bénéfice du rjs.

Je pourrais peut-être pondre un tuto en français sur le sujet, mais je  
ne sais pas si ça intéresse quelqu’un et si il y a un endroit un peu  
“officiel” ou le poster ([railsfrance.org](http://railsfrance.org)?)

Tranquiliste a écrit :

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 31, 2007, 11:37am UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/11 "2007-10-31T11:37:06Z")

</div>

Le 31/10/07, Sébastien Lamy [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) a écrit :

> Salut  
> Histoire de te filer de l’info  
> [http://jquery.com/demo/thickbox/](http://jquery.com/demo/thickbox/)
> 
> Mais bon ça utilise jquery.  
> Je suis en train de me former à rails et pour l’instant j’ai remplacé  
> prototype/scriptaculous par jquery + interface. J’ai été séduit par le  
> shopping cart de interface

jquery est en effet une excellente bibliothèque js mais pour certains  
aspects par encore mûre (sécurité) ou en tout moins évaluée.

> Mais en fin de  
> compte, utiliser uniquement jquery dans rails ça passe comme une lettre  
> à la poste, on garde sans problème les bénéfice du rjs.

ah bon ? comment fonctionne le rjs alors, je pensais qu’il étatit  
vraiment  
lié à prototype.

Par ailleurs y’a-t-il un projet de plugin pouvant remplacer le couple  
Pro.Scri par jquery ? si oui qu’en est-il de son avancement ?  
L’idéal serait de pouvoir utliser les mêmes helpers (je sais je n’ai  
qu’Ã  
le faire … mais bon c’est bien au dessus de mes compétences…).

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 31, 2007, 12:28pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/12 "2007-10-31T12:28:46Z")

</div>

Nicolas G a écrit :

> jquery est en effet une excellente bibliothèque js mais pour certains  
> aspects par encore mûre (sécurité) ou en tout moins évaluée.
> 
> > Mais en fin de  
> > compte, utiliser uniquement jquery dans rails ça passe comme une lettre  
> > à la poste, on garde sans problème les bénéfice du rjs.
> 
> ah bon ? comment fonctionne le rjs alors, je pensais qu’il étatit  
> vraiment lié à prototype.  
> Je ne suis pas expert, mais d’après ce que j’ai compris le rjs consiste  
> essentiellement à transmettre du javascript au client depuis le serveur.  
> Ensuite le client exécute ce script.  
> Effectivement, la plupart des méthode qu’on appelle dans un rjs sont lié  
> Ã prototype  
> Mais si on n’inclut pas prototype, il reste

```
* page.call #pour appeler n'importe quelle fonction javascript
  disponible côté client, donc notamment les fonctions jQuery ou
  utilisant jQuery. C'est intéressant car ça permet de passer des
  variables serveurs, même structurées sous forme d'objet (les
  méthodes ne sont pas transmises, mais les données si)
* page<< #pour executer du code javascript directement. Cependant je
  préfère éviter ce type d'appel, et favoriser exclusivement 

```

page.call.  
\* page.assign #pour assigner une variable dans le javascript qui  
sera utilisé côté client

Avec ces méthode, je me débrouille. autre point important: le ajax  
utilisé par jquery est tout aussi reconnaissable par rails que celui de  
prototype. Ce qui veut dire que l’instruction  
request.xhr?  
fonctionne toujours

> Par ailleurs y’a-t-il un projet de plugin pouvant remplacer le couple  
> Pro.Scri par jquery ? si oui qu’en est-il de son avancement ?  
> L’idéal serait de pouvoir utliser les mêmes helpers (je sais je n’ai  
> qu’à le faire … mais bon c’est bien au dessus de mes compétences…).

Je crois qu’il n’y a rien de convaincant dans cette direction. Les liens  
les plus intéressant que j’ai pu relevé sont les suivant:  
Un plugin qui contient quelques helpers  
[http://code.google.com/p/jq4r/](http://code.google.com/p/jq4r/)

Des projets de plugins:  
[http://www.jeremydurham.com/](http://www.jeremydurham.com/)

> **[jQuery on Rails: A (Still Very Alpha) Update](https://yehudakatz.com/2007/05/26/jquery-on-rails-a-still-very-alpha-update/)**
>
> I've made a number of updates to my preliminary release of jQuery on Rails:
> 
> \* It's now in svn as part of a demo app, so you can see how it all fits
> together.
> \* The new svn URL is 
> http://jqueryjs.googlecode.com/svn/trunk/tools/rails\_demo\_app...

Pour ma part, ce qui m’a vraiment aidé, ce sont les tutos de madly:

> **[Crap](http://mad.ly/2007/05/17/jquery-ajax-rails/)**
>
> ...

> **[Mad Mimi Email Marketing](https://madmimi.com)**
>
> Mad Mimi makes it simple to send HTML email newsletters, grow your subscribers and manage your email list. Sign up today!

Le deuxième tuto montre notamment des helpers en javascript (utilisant  
jQuery), qui limitent le code généré, sont simples et puissant.

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [November 16, 2007, 6:32pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/13 "2007-11-16T18:32:27Z")

</div>

Sébastien

[discussions sur jQuery …]

> Je crois qu’il n’y a rien de convaincant dans cette direction. Les liens  
> les plus intéressant que j’ai pu relevé sont les suivant:  
> Un plugin qui contient quelques helpers  
> [Google Code Archive - Long-term storage for Google Code Project Hosting.](http://code.google.com/p/jq4r/)
> 
> Des projets de plugins:  
> [http://www.jeremydurham.com/](http://www.jeremydurham.com/)  
> [jQuery on Rails: A (Still Very Alpha) Update](http://yehudakatz.com/2007/05/26/jquery-on-rails-a-still-very-alpha-update/)

Il y a un nouveau venu : jRails

[http://www.ennerchi.com/projects/jrails](http://www.ennerchi.com/projects/jrails)

– Jean-François.

–  
Ruby ( [http://www.rubyfrance.org](http://www.rubyfrance.org) ) on Rails ( [http://www.railsfrance.org](http://www.railsfrance.org)  
)

---

<div class="post-metadata">

**Author:** ![tranquiliste](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/ed655f/32.png) [@tranquiliste](https://www.ruby-forum.com/u/tranquiliste)\
**Post date:** [October 31, 2007, 2:16pm UTC](https://www.ruby-forum.com/t/popup-window-contenant-une-form-quelle-solution-plugin-et-ou-dev/118711/14 "2007-10-31T14:16:32Z")

</div>

Merci pour les liens , je vais avoir un peu de lecture 🙂

NG