메뉴 건너뛰기

조회 수 2870 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

팝업 차단 무시하고 팝업 띄워주는 jquery! 우왕ㅋ 

 

출처 : http://swip.codylindley.com/popupWindowDemo.html


example

 : 이미지 클릭하면 팝업 윈도우가 팝업 차단 없이뜹니다.


<script src="/jquery/jquery-1.4.2.js" type="text/javascript"></script>

<script src="/jquery/jquery.popupWindow.js" type="text/javascript"></script>

<script type="text/javascript">

$(document).ready(function() {

$("img1").popupWindow({

windowURL:"http://devshore.blogspot.com",

windowName:"devshore",

width:screen.width,

height:screen.height

});

});

</script>

<img src="http://eunice.hosting.paran.com/images/eun;).jpg" border="0" id="img1" style="cursor:pointer">



jquery.popupWindow.js 

(function($){ 

$.fn.popupWindow = function(instanceSettings){

return this.each(function(){

$(this).click(function(){

$.fn.popupWindow.defaultSettings = {

centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left

centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left

height:500, // sets the height in pixels of the window.

left:0, // left position when the window appears.

location:1, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.

menubar:1, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.

resizable:1, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.

scrollbars:1, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.

status:1, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.

width:500, // sets the width in pixels of the window.

windowName:null, // name of window set from the name attribute of the element that invokes the click

windowURL:null, // url used for the popup

top:1, // top position when the window appears.

toolbar:1 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.

};

settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});

var windowFeatures =    'height=' + settings.height +

',width=' + settings.width +

',toolbar=' + settings.toolbar +

',scrollbars=' + settings.scrollbars +

',status=' + settings.status +

',resizable=' + settings.resizable +

',location=' + settings.location +

',menuBar=' + settings.menubar;


settings.windowName = this.name || settings.windowName;

settings.windowURL = settings.windowURL; //this.href || settings.windowURL;

var centeredY,centeredX;

if(settings.centerBrowser){

if ($.browser.msie) {//hacked together for IE browsers

centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));

centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));

}else{

centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));

centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));

}

window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();

}else if(settings.centerScreen){

centeredY = (screen.height - settings.height)/2;

centeredX = (screen.width - settings.width)/2;

window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();

}else{

window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();

}

return false;

});

});

};

})(jQuery);


  1. No Image 02Mar
    by
    2017/03/02 Views 6770 

    jQuery 실행패턴

  2. No Image 21Sep
    by
    2016/09/21 Views 6679 

    jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict()

  3. No Image 21Sep
    by
    2016/09/21 Views 6667 

    체크박스 또는 라디오 버튼의 체크여부 변경하기

  4. 슬라이드 쇼

  5. No Image 17Nov
    by
    2016/11/17 Views 6511 

    jquery 뒤로가기

  6. No Image 21Sep
    by
    2016/09/21 Views 6471 

    다른 프레임에 있는 객채 참조하는 방법

  7. No Image 22Dec
    by
    2016/12/22 Views 6470 

    scrolling to top

  8. No Image 21Sep
    by
    2016/09/21 Views 6412 

    load() 메소드

  9. No Image 22Dec
    by
    2016/12/22 Views 6347 

    디자인 셀렉트 박스 & CSS

  10. No Image 22Dec
    by
    2016/12/22 Views 6217 

    금액단위 제거 표기

  11. jquery css div, li 리스트 선택한 메뉴 변경 출처: http://okkks.tistory.com/1062 [이건없지]

  12. No Image 06Sep
    by
    2018/09/06 Views 5330 

    jquery - select option 선택값 가져오기

  13. No Image 04Jul
    by
    2018/07/04 Views 4666 

    jquery 체크박스 배열 처리. 변수 하나에 담기.

  14. No Image 28Sep
    by
    2018/09/28 Views 3612 

    특정영역 제외하고 body 클릭

  15. No Image 04Jul
    by
    2018/07/04 Views 3362 

    jQuery 유효성 검사

  16. jQuery 기초 (txt 파일 가져오기 (load) , 클릭시에 배경색을 변경(json))

  17. No Image 21May
    by
    2019/05/21 Views 3102 

    jquery 드래그 앤 드롭 파일 업로드

  18. 드래그 & 드랍 구현 - on()[이벤트리스너]

  19. No Image 05Mar
    by 조쉬
    2019/03/05 Views 2870 

    jquery 팝업 차단 없이 띄우기

  20. No Image 06Sep
    by
    2018/09/06 Views 2652 

    [jQuery] 확인 창(confirm), 페이지 이동(location.replace)

Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved