Versuchen Sie, "jQuery UI Dialog" zu googeln. Es gibt viele Tutorials dazu.
Hier ist eine ähnliche Stapelüberlauf Frage: https://stackoverflow.com/questions/...
Ich bin nicht sicher, wie der Hintergrund grau aus (es sogar automatisch mit jQuery UI passieren könnte), sondern ein neues Dialogfeld Sie die jQuery enthalten müssen, um erstellen Die UI-Bibliothek in Ihrer HTML-Seite enthält auch das Stylesheet, dann müssen Sie ein DOM-Element auswählen und die jQuery-Funktion "dialog" aufrufen. Es würde wie folgt aussehen (beachten Sie, dieser arbeitet Code nicht):
<div id="dialog" title="my dialog">
<p>Hello from the dialog</p>
</div>
<script>
$("#dialog").dialog({
// set dialog properties here
});
</script>
Hier ist ein Link auf die jQuery-Dialog Dokumentation: http://jqueryui.com/demos/dialog/
Und hier ein kurzer jsFiddle einen Dialog zeigt: http://jsfiddle.net/wxKq5/7/
Ich habe gerade überprüft und der modale Dialog von jQuery UI macht den Bildschirm für Sie grau. Ich habe meinen JsFiddle-Code für Sie geändert, um Ihnen zu zeigen, wie Sie einen erstellen können.