2012-03-11 18 views
0

内部に1つのイメージ+テキストだけを含む小さなjQueryダイアログを作成しようとしています。私は絶対的な中間(垂直+水平)にしたいと思います。ここでテキストを含むjqueryダイアログを表示中(絶対中)

は、私が何をすべきかです:

HTML:

<div id="dialog-modal" style="display:none; text-align:center; margin-top: 10px;"> 
    <h3> 
     <img src="@Url.Content("~/Content/pictures/busy.gif")" alt="Wait..." style="margin-right: 10px;" /> 
     Please wait... 
    </h3> 
</div> 

Javascriptを:ここで

$("#dialog-modal").dialog({ 
    closeOnEscape: false, 
    resizable: false, 
    draggable: false, 
    height: 80, 
    modal: true 
}); 
$(".ui-dialog-titlebar").hide(); 

は結果である:最初にダイアログが示されています:

enter image description here

ダイアログを示した。次に時間:

enter image description here

私はこれがやっての良い方法ではないかなり確信しています。どんな助けでも大歓迎です。

ありがとうございました。

答えて

0

ローディングメッセージの場合は、画面中央に絶対的に配置されたシンプルなdivを使用することをお勧めします。

+0

提案していただきありがとうございますが、jQueryダイアログを使用する利点は、ページが読み込まれるまでユーザーをブロックするモーダルプロパティです(ajax) – Bronzato

+0

2 div、1をオーバーレイとして使用してページをブロックし、メッセージ。 – slash197

関連する問題