2010-12-03 27 views
1

Alors, je suis un TOTAL Outils jQuery/jQuery débutant, mais j'apprends ... Voilà mon problème actuel:Comment configurer plusieurs superpositions/formulaires avec jQuery Tools?

Supposons que j'ai une page qui énumère un certain nombre d'utilisateurs - un div par utilisateur , avec un nom, une image et similaires. Quelque part dans ces divs sont des liens que vous pouvez cliquer pour faire apparaître une superposition de jQuery Tools contenant un formulaire. Ce formulaire vous permettra de modifier les informations sur l'utilisateur et de le sauvegarder sur le site. Pas de gros problème.

La question à laquelle mon petit cerveau débutant est aux prises est (bien sûr) comment l'implémenter. Ma compréhension actuelle de tout ceci est que, j'ai besoin de créer un div séparé contenant le formulaire pour chaque utilisateur, câblé d'une manière telle que cliquer sur le lien pour un utilisateur spécifique présentera la superposition/formulaire associé à cet utilisateur. Ceci est par opposition à l'existence d'un seul DIV sur la page qui contient le formulaire, et qui est paramétré et réutilisé d'une manière ou d'une autre pour chacun des utilisateurs.

Est-ce la bonne approche philosophique? Le codage ne semble pas trop dur; Je cherche juste à confirmer que je prends la bonne approche avant de commencer. Merci!

Répondre

1

La documentation jquery-outils vous montre exactement comment faire:

http://flowplayer.org/tools/demos/overlay/external.html

+0

En effet. J'étais partout sur les exemples de superposition, mais un peu passé l'exemple "externe", car il ne semblait pas sur le point. Les choses sont en train de marcher maintenant; merci pour le pointeur! –

0

Une autre façon serait:

  1. Créer un gestionnaire de clic pour votre lien
  2. Lorsque l'utilisateur clique sur le lien ouvrir la boîte de dialogue de superposition et de faire un appel ajax au serveur pour une méthode qui renvoie le formulaire balisage
  3. Remplacer le contenu de superposition avec le balisage reçu Ajax succès
  4. Dans la forme retournée par la méthode précédente, il y aura un bouton d'envoi qui soumettent simplement le formulaire
  5. Fermez la superposition

De cette façon, vous pouvez utiliser le formulaire comme modèle et comme méthode pour le remplir avec des données relatives à un utilisateur donné.