COMING SOON 🚀

자바스크립트에서...IE5,6에서 팝업창의 위치를 보이는화면 중앙쯤에 위치하게끔 어떻게 하나요..?

function go_popup() {

                $('#popup').bPopup({

position: [450,680], //x, y

positionStyle: 'absolute'

});

             

        }; 

 

 

비팝업이라는 소스를 갖고 했는데 ie7부터는 중앙쯤에 위치하거든요 포지션값을 빼도....

그런데 ie5,6에선 포지션값을빼버리면 화면밖으로 팝업창이 사라져서;;; 안보입니다ㅠㅠ

 

테이블 코딩된 사이트인데

body에 taext align center를 줘도..

팝업뜨는 버튼 클릭하면 팝업이 왼쪽구석에 박혀서 반이상이 사라져있어요 ㅠ_ㅠ...

 

그렇다고 포지션값을 주면.... 절대대적이라서..

화면을 키워버리면 큰화면기준으로 적용ㅇ이돼서..

컨텐츠밖으로 벗어난것처럼 보이네요 ㅠ.ㅠ

 

해결방법 없을까요 

 

|

댓글 2개

IE5, 6 까지는 개발 할 때 크게 고려 하지 않아서 잘 모르지만, jQuery를 사용한다면 어느 정도 호환이 될지도 모르겠습니다.

일단 위의 로직에서 좌표를 숫자로 입력해 놓았는데, 이런 경우 모니터 사이즈나 해상도에 따라 중앙에 나타나지 않습니다.
(IE5, 6 뿐 아니라 모든 브라우저.

이런 경우 쉽게 상대 값으로 처리하는 것이 좋을 듯 하네요./

제가 제안 드리는 코드
var xpos = ($(window).width() - $("#popup").width()) / 2;
var ypos = ($(window).height() - $("#popup").height()) /2;

이렇게 하고
position : [ xpos, ypos ]
positionStyle : 'fixed'

위와 같이 변경하면 중앙에 위치할 듯 하네요.

그럼.
ㅠㅠ지금 확인습니다 너무 감사합니다 평생 해결 못할 줄 알았는데 ...바로 해봐야겠어요 :D
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
10년 전 조회 3,059
10년 전 조회 3,779
10년 전 조회 1,925
10년 전 조회 2,224
10년 전 조회 4,030
10년 전 조회 2,405
10년 전 조회 1,782
10년 전 조회 2,779
10년 전 조회 2,515
10년 전 조회 2,248
10년 전 조회 2,201
10년 전 조회 2,428
10년 전 조회 2,092
10년 전 조회 1,693
10년 전 조회 2,446
10년 전 조회 2,903
10년 전 조회 2,450
10년 전 조회 2,472
10년 전 조회 3,131
10년 전 조회 4,194
10년 전 조회 1,831
10년 전 조회 1,846
10년 전 조회 2,324
10년 전 조회 2,579
10년 전 조회 2,080
10년 전 조회 1,765
10년 전 조회 1,931
10년 전 조회 2,044
10년 전 조회 2,262
10년 전 조회 2,405
10년 전 조회 3,121
10년 전 조회 1,713
10년 전 조회 1,913
11년 전 조회 6,011
11년 전 조회 1,799
11년 전 조회 2,281
11년 전 조회 2,235
11년 전 조회 2,694
11년 전 조회 2,134
11년 전 조회 2,380
11년 전 조회 2,453
11년 전 조회 2,833
11년 전 조회 2,601
11년 전 조회 3,459
11년 전 조회 2,864
11년 전 조회 2,965
11년 전 조회 2,048
11년 전 조회 2,324
11년 전 조회 2,273
11년 전 조회 1,922
11년 전 조회 1,742
11년 전 조회 1,927
11년 전 조회 2,653
11년 전 조회 1,919
11년 전 조회 2,891
11년 전 조회 4,595
11년 전 조회 2,424
11년 전 조회 2,288
11년 전 조회 2,232
11년 전 조회 2,205
11년 전 조회 1,862
11년 전 조회 3,073
11년 전 조회 1,791
11년 전 조회 2,212
11년 전 조회 2,287
11년 전 조회 2,361
11년 전 조회 3,376
11년 전 조회 2,085
11년 전 조회 2,573
11년 전 조회 1,955
11년 전 조회 1,957
11년 전 조회 2,847
11년 전 조회 2,236
11년 전 조회 2,063
11년 전 조회 2,443
11년 전 조회 1,758
11년 전 조회 2,216
11년 전 조회 2,341
11년 전 조회 5,415
11년 전 조회 2,112
11년 전 조회 1,785
11년 전 조회 4,339
11년 전 조회 2,309
11년 전 조회 2,087
11년 전 조회 1,668
11년 전 조회 1,679
11년 전 조회 2,542
11년 전 조회 4,948
11년 전 조회 3,066
11년 전 조회 1,938
11년 전 조회 1,496
11년 전 조회 2,413
11년 전 조회 2,434
11년 전 조회 4,322
11년 전 조회 2,124
11년 전 조회 3,892
11년 전 조회 3,058
11년 전 조회 1,776
11년 전 조회 2,064
11년 전 조회 3,577