Dialogue Jquery-UI – à la volée sans DIV

J’ai ce que je soupçonne être une simple question et après la recherche, je soupçonne que la réponse à ma question est non, mais pour vérifier …

Est-il possible d’utiliser la boîte de dialog ui de Jquery sans configurer un DIV?

c’est à dire plutôt que ..

$(function() { $( "#dialog" ).dialog();});...

This is a lot of typing just to pass on a simple message

Est-il possible d’avoir quelque chose comme …

$(function(quickly) { $( "#dialog" ).dialog('this would be much easier');});...

et appelez-le avec un object de type rapide () si nécessaire.

Vous remarquerez peut-être que je peux me débrouiller avec Javascript et faire de mon mieux par essais et erreurs pour trouver une solution qui fonctionne pour moi.

Je suppose, je demande si je peux en quelque sorte utiliser le dialog d’une manière similaire à …

alert("this is simple")

… donc je peux appeler une alerte à l’utilisateur chaque fois que j’en ai besoin, plutôt que de cliquer sur un clic ou sur un bouton.

J’espère que ce qui précède a du sens et je soupçonne que je vais devoir m’en tenir à l’alerte standard laide mais laissez-moi savoir s’il existe une solution simple.

Merci

J’espère que cela aide quelqu’un, vous pouvez passer du HTML à dialogr directement, comme ceci:

 $("

Hello World!

").dialog();

De cette façon, vous n’avez pas besoin de div pré-construit, vous pouvez utiliser:

 $("
My div content
").dialog();

EDIT: a changé la balise de fin en au lieu de

J’utilise les rails et je n’aimais pas avoir 2 endroits où écrire du code fortement dépendant. J’ai donc modifié l’exemple de dialog jquery-ui comme le code ci-dessous. Voir executaDialogModal ()

       

Utilisateurs existants:

Nom Email Mot de passe John Doe [email protected] johndoe1

Créer un nouvel utilisateur

Qu’en est-il de l’invite

Mais vous pensez que l’ajout d’une div écrit beaucoup

vous n’aimerez pas ces

http://trensortingchardson.com/Impromptu/index.php

http://abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/

Cela fonctionne pour moi. Notez que pour éviter que le corps ne soit rempli de divs, je m’assure que la div utilisée est supprimée après la fermeture:

 $('
').prop('id', '_currentDialog').text("Please enter a Comment").dialog( { title: "Input Error", close: function () { $('#_currentDialog').remove(); } } );

Vous pouvez créer une méthode d’assistance qui supprime la création et la configuration du div, puis s’appelle .dialog (). Cela supprimerait au moins le besoin de dupliquer le code et / ou de créer plusieurs div.