divを使用したjqueryのポップアップ

私はjqueryでチャットアプリケーションを持っています。私はグループチャットのメンバーを招待したいのですが、グループチャットの招待を受け入れるか拒否するかを尋ねるメッセージを自動ポップアップする必要があります。 divポップアップを使用します。どこから始めますか？divを使用したjqueryのポップアップ

出典

2009-07-29 Anonymous

はあなたが読みやすい何かにタイトルを変更してくださいでした：

<div id='someIdOfYourChoosing' title='the dialog title goes here'> //put any elements you want in here </div>

は、次にダイアログを作るには？ – innaM

私はそれを本当の質問にするために編集しました。「助けてください」を「どこから始めるのか」に変更します。それが正しくない場合は、さらに変更を加えてください。本当に何も尋ねずに「助けてください」と言えば、あなたは閉じます。 – geowa4

新しい招待状のためにサーバーをポーリングするために、各クライアント上でAJAXを使用しJQueryUI dialog

出典

2009-07-29 12:53:44

具体的にはhttp://jqueryui.com/demos/dialog/#modal-confirmation – Sampson

で見たいと思うかもしれません。存在する場合は、招待状から有用なデータを検索します。すでにjQueryを使用しているので、ポップアップにはjQuery UI dialogを使用します。ユーザーが[承諾]ボタンをクリックすると、ハンドラが呼び出され、ダイアログを作成するときに指定します。コメントの

EDIT：

のjQuery UIのダイアログモーダルを作るために、それを開いた後、この操作を行います。

$('.selector').dialog('option', 'modal', true);

またはこれあなたがそれを初期化するときのための：

$('.selector').dialog({ modal: true });

もっとEDITをコメント：

コンテンツを編集するには、divを常に次のように作成します。

$('#someIdOfYourChoosing').dialog({ 
    modal: true; 
});

出典

2009-07-29 12:55:17 geowa4

ジョージに感謝します。私はサイトを見て、それが非常に便利であることを発見しました、基本的に私はそこに示されたモデル確認デモを実装したいと思いますが、問題は私はどのようにそれを使用する必要はありません。どこから私はスクリプトとデモを作る方法を取得します。あなたの迅速な返事のために、再びお待ちしておりがとう!!!!! –

あなたはそのページからそれを入手します。上部のダウンロードリンクをクリックします。必要に応じてルック・アンド・フィールをカスタマイズすることもできます。私はそれをモーダルにする方法を含むように編集します。 – geowa4

私はちょうど同様のポップアップを内容が変更された内容を変更したいと思う。 –

divを使用したjqueryのポップアップ

答えて

関連する問題