JQuery implementation of Facebook's Modal Box -
I was thinking that anyone knew about the implementation of jQuery. I've seen Facebox, but it looks like the old Facebook modal communication layout and is not new.
If no one is available then how to see jQuery UI model dialog for example that would really be helpful. The HTML output for the jQuery UI model dialog looks like this:
& lt; Div class = "ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" & gt; & Lt; Div class = "ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" & gt; & Lt; Span id = "ui-dialog-title-dialog" class = "ui-dialog-title" & gt; Dialog title & lt; / Span & gt; & Lt; One class = "ui-dialog-titlebar-close ui-corner-all" href = "#" & gt; & Lt; Span class = "ui-icon ui-icon-closethick" & gt; Closed & lt; / Span & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Div style = "height: 200px; minimum-height: 109px; width: auto;" Class = "ui-dialog-content ui-widget-content" id = "dialog" & gt; & Lt; P & gt; Content & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt;
How about the jQuery plugin?
It comes out right away, you need a lot of things in the box, just change the image resource referenced in the CSS for the close button, which you copy from Facebook, and top captions and footer devices such as Facebook's dialog is styled. Facebook plugins have translucent gray borders with boxes.
Comments
Post a Comment