2012-11-07 26 views
8

thể trùng lặp:
Center a popup window on screen?jQuery cửa sổ mới mở trung với kích thước cố định

Tôi có 4 liên kết khác nhau, tất cả đều cần phải mở một cửa sổ mới sẽ nhắm mục tiêu 4 html khác nhau các tập tin.

Khi các liên kết được nhấp, nó cần phải mở file html trong câu hỏi trong một cửa sổ mới, cả hai:

  • Centered
  • cố định kích thước 900 x 600

Tôi đã tìm thấy điều này bên dưới, nhưng dường như không phục vụ cho việc căn giữa cửa sổ

http://jquerybyexample.blogspot.com/2012/05/open-link-in-new-tab-or-new-popup.html

Cheers

+0

đọc này - http: // www.nigraphic.com/blog/java-script/how-open-new-window-popup-center-screen –

+0

cảm ơn các bạn đã làm việc hoàn hảo – John

+0

Tôi đã đăng một giải pháp giám sát kép lên câu hỏi trùng lặp cho những người đang tìm kiếm một cái gì đó mạnh mẽ hơn một chút như tôi -> http://stackoverflow.com/a/16861050/1483871. Tín dụng: http://www.xtf.dk –

Trả lời

18

Để tập trung các cửa sổ mới, cung cấp cho nó một nửa trái và đầu giá trị của kích thước màn hình - một nửa kích thước cửa sổ:

var left = ($(window).width()/2)-(900/2), 
    top = ($(window).height()/2)-(600/2), 
    popup = window.open ("", "popup", "width=900, height=600, top="+top+", left="+left); 

FIDDLE

+1

$ (cửa sổ) .width() là chiều rộng của cửa sổ trình duyệt, không phải chiều rộng màn hình. Để căn giữa cửa sổ trên màn hình chính xác (mà mã hiện tại không - bạn có thể thử fiddle và thay đổi kích thước cửa sổ bằng fiddle và xem nó như thế nào) sử dụng đối tượng màn hình http://stackoverflow.com/a/3437825/883738 –

+0

@AlexSorokoletov - Một thường sử dụng 'cửa sổ' cho những thứ như thế này, không phải' màn hình', nhưng điều đó phụ thuộc vào những gì bạn đang làm, OP đang tìm kiếm 'cửa sổ', và bạn chỉ cần downvoted câu trả lời này dựa trên thực tế là bạn tìm kiếm 'màn hình'. Cả hai phương pháp đều có vấn đề, đặc biệt là 'màn hình' vì nó không nhất quán, và nếu bạn có nhiều màn hình, nó luôn trả về kích thước màn hình chính và không phải màn hình bạn đang làm việc trên… – adeneo

+1

Vâng, trong trường hợp này cửa sổ được mở vẫn không được căn giữa trong cửa sổ chính. Chỉ cần thay đổi kích thước của nó và di chuyển sang phải. Chỉ cần nói ... –

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