Implementazione JQuery del Modal Box di Facebook

Question

Mi chiedevo se qualcuno fosse a conoscenza di un'implementazione jQuery di this MooTools modal box. Ho visto Facebox, ma sembra il vecchio layout di finestra di dialogo di Facebook e non quello più recente.

Se non ce ne sono disponibili, un esempio di come il tema della finestra di dialogo ui modale di jQuery potrebbe essere molto utile. L'output HTML per il Dialogo modale jQuery UI è simile al seguente:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable"> 
    <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> 
     <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span> 
     <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a> 
    </div> 
    <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog"> 
     <p>Content.</p> 
    </div> 
</div> 

Answer 1

Come su LightBox?

http://leandrovieira.com/projects/jquery/lightbox/

Answer 2

Partenza Classe Finestra di jQueryUI. Puoi hackerare il suo CSS per assomigliare a quello di Facebook.

Vedere http://www.jqueryui.com/demos/dialog/#modal-form.

Answer 3

E il plug-in jQuery Facebox?

Viene appena estratto dalla scatola e fa praticamente tutto ciò che serve. Basta cambiare la risorsa immagine a cui si fa riferimento nel CSS per il pulsante Chiudi su una copia da Facebook e le divisioni di didascalie e piè di pagina in alto come la finestra di Facebook. I bordi grigi traslucidi sono tutti là fuori dalla scatola nel plugin di Facebook.

Answer 4

Perché non utilizzare la libreria di Facebook Connect?

FB.Connect.showShareDialog mostra sempre il layout corretto per la finestra di dialogo modale utilizzata da Facebook. Facebook aggiorna questa cosa tutto il tempo quindi non ha molto senso usare qualcosa che sarà sorpassato rapidamente, specialmente se nessuno si tiene aggiornato. È quello che uso comunque.

Answer 5

Questo è probabilmente quello che stai cercando:

http://www.electrictoolbox.com/jquery-facebox-opaque-background/