Cách tô xám cửa sổ trình duyệt đầy đủ và hiển thị biểu mẫu ở trung tâm?

Question

Bạn có bắt gặp những trang web đó làm xám cửa sổ trình duyệt đầy đủ và hiển thị cho bạn thông báo hoặc yêu cầu bạn điền vào bản khảo sát .. v.v. Điều này thường xảy ra với myspace, nếu bạn nhập sai email hoặc mật khẩu, cửa sổ trình duyệt đầy đủ sẽ chuyển sang màu xám (mặc dù trong suốt, bạn vẫn có thể xem nội dung của trang thông qua nó) và một điều khiển đăng nhập sẽ hiển thị ở chính giữa cửa sổ trình duyệt có thông báo lỗi ở trên cho biết bạn đã nhập sai email hoặc mật khẩu. Thật không may, họ đã xóa nó khỏi myspace, tôi muốn cùng một mã cho trang web mà tôi đang làm và cố gắng tránh tái phát minh bánh xe, bạn có biết nguồn nào tìm mã này thay vì viết lại toàn bộ nội dung không? Tôi cho rằng đây chủ yếu là CSS, Javascript chỉ được sử dụng để hiển thị/ẩn, tôi có đúng không?

Answer 1

Nếu bạn đang nghĩ đến việc sử dụng khung JavaScript, jQuery có Block UI plugin. Rất dễ sử dụng và cấu hình.

Demos here

Answer 2

Nếu bạn thích prototype.js, có Prototype Window Class, làm những gì bạn muốn, xem alert dialog sample.

Answer 3

Bạn cũng có thể chỉ sử dụng CSS và Javascript cho việc này: Create a Modal Dialog Using CSS and Javascript và submodal

Answer 4

Chúng được gọi là cửa sổ 'modal'. Để tránh phát minh lại bánh xe, hãy sử dụng các thư viện hiện có như JQuery. Cửa sổ phương thức jquery của Googling 'trả về rất nhiều kết quả trông giống như những gì bạn muốn. Bạn có thể chọn một trong số này nếu nó thực hiện chính xác những gì bạn muốn, hoặc tìm một nguồn có nguồn tốt để giải mã.

Answer 5

Nếu bạn đang làm việc trong asp.net và muốn có một công cụ nhanh chóng và dễ dàng cho việc này, hãy lấy bộ công cụ ajax. Sau đó, sử dụng điều khiển bật lên phương thức. Here is the example on the AJAX PAGE