2010-05-05 5 views
1

J'essaie de créer une fenêtre de connexion. Par exemple, si quelqu'un clique sur le bouton de connexion, une fenêtre contextuelle s'affichera et cela changera l'opacité de la page principale et donnera le focus à la fenêtre contextuelle.Comment créer un menu contextuel jquery

Here est un exemple d'un site Web qui utilise ce que je veux implémenter.

+0

Je recommande de commencer par jQueryUI Dialog, puis * le modifier * comme nécessaire (après sa création, pas la source jQueryUI!) - dans mon cas, je dépouille la plupart des styles appliqués et ajoute un bouton de fermeture personnalisé. La boîte de dialogue jQueryUI * gère correctement le focus * et l'ESC, contrairement à beaucoup d'autres alternatives. Un meilleur redimensionnement peut également être corrigé de manière externe. Fonctionne très bien dans IE8 +. – user2246674

Répondre

5

Vous pouvez utiliser la boîte de dialogue jquery référencé dans votre post pour cela.

Here est un exemple de création d'éléments de formulaire.

3

vous pouvez utiliser jQueryUI dialog

+0

La dernière version de jQuery UI est 1.8.1 – DannyLane

+0

@DannyLane: bonne prise, le lien a été mis à jour. – derek

1

Je l'ai utilisé le plugin Boxy avant, il est très léger (plus léger que jQueryUI, bien que la fonctionnalité pas autant).

C'est très facile à utiliser, c'était le premier plugin que j'ai utilisé lors de l'apprentissage de jQuery.

+0

+1 Bonne trouvaille, définitivement ajoutée à mes signets – Zack

1

http://jqueryui.com/dialog/#modal-form

Utilisez ce lien du site Utilisez une boîte de dialogue modale pour exiger que l'utilisateur d'entrer des données au cours d'un processus en plusieurs étapes. Intégrez le balisage de formulaire dans la zone de contenu, définissez l'option modale sur true et spécifiez les actions utilisateur principales et secondaires à l'aide de l'option buttons.

+0

Au lieu d'afficher un lien vers le site de jQuery, pourriez-vous également fournir le code nécessaire pour répondre à la question de OP, ainsi qu'une explication sur comment/pourquoi cela fonctionne? – aribeiro

Questions connexes