2009-12-05 35 views
10

Tôi đã tự hỏi liệu có ai biết về triển khai jQuery của this MooTools modal box hay không. Tôi đã nhìn thấy Facebox, nhưng có vẻ như bố cục hộp thoại cũ của Facebook và không phải là giao diện mới hơn.Thực hiện JQuery của Hộp phương thức của Facebook

Nếu không có sẵn thì ví dụ về cách tạo chủ đề hộp thoại ui của jQuery trông giống như thế sẽ thực sự hữu ích. Đầu ra HTML cho Hộp thoại giao thức người dùng jQuery giống như sau:

<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> 

Trả lời

1

Kiểm tra lớp hộp thoại của JQueryUI. Bạn có thể hack CSS của nó để trông giống như Facebook.

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

+2

Tôi không thực sự tất cả những gì tốt đẹp với css. Tôi đã thử chơi với nó nhưng đã không nhận được rằng đến nay. – zSynopsis

15

Làm thế nào về plugin jQuery Facebox?

Nó đi ra khỏi hộp làm khá nhiều mọi thứ bạn cần. Chỉ cần thay đổi tài nguyên hình ảnh được tham chiếu trong CSS cho nút Đóng đối với một nút bạn sao chép từ Facebook, và các chú thích đầu trang và chân trang được tạo kiểu giống như hộp thoại của Facebook. Các viền màu xám mờ là tất cả có trong hộp trong plugin Facebook.

+0

+1 cho facebox .. thực sự thú vị –

2

Tại sao không sử dụng thư viện của Facebook Connect?

FB.Connect.showShareDialog luôn hiển thị bố cục chính xác cho hộp thoại phương thức mà Facebook sử dụng. Facebook cập nhật điều này tất cả các thời gian để nó không làm cho rất nhiều ý nghĩa để sử dụng một cái gì đó mà sẽ được lỗi thời một cách nhanh chóng, đặc biệt là nếu không ai được cập nhật. Đó là những gì tôi sử dụng anyway.

Các vấn đề liên quan