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

Community FR
1

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

2

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

J’ai trouvé ce “Popup kit” (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

3

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

– Jean-François.

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

4

Le 30/10/07, Jean-François Trân [email protected] 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Ã

:wink:

5

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

6

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

7

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?

8

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?

9

Le 30/10/07, Tranquiliste [email protected] 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 :wink:

10

Salut
Histoire de te filer de l’info
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
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?)

Tranquiliste a écrit :

11

Le 31/10/07, Sébastien Lamy [email protected] a écrit :

Salut
Histoire de te filer de l’info
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…).

12

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/

Des projets de plugins:
http://www.jeremydurham.com/

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

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

13

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.

Des projets de plugins:
http://www.jeremydurham.com/
jQuery on Rails: A (Still Very Alpha) Update

Il y a un nouveau venu : jRails

http://www.ennerchi.com/projects/jrails

– Jean-François.

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

14

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

NG