메뉴 건너뛰기

조회 수 2871 추천 수 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 10Jan
    by
    2019/01/10 Views 1211 

    jQuery로 테이블 tr 동적으로 추가,삭제 하기 v2

  2. No Image 25Mar
    by
    2021/03/25 Views 228 

    jQuery로 접속 주소(URL) 알아내기

  3. No Image 17Nov
    by
    2016/11/17 Views 6951 

    jQuery, JavaScript 새로고침(reload)

  4. No Image 22Dec
    by
    2016/12/22 Views 49612 

    jquery 플러그인 링크 모음

  5. No Image 06Sep
    by
    2018/09/06 Views 2098 

    jQuery 폼 입력값 체크 예제

  6. No Image 05Mar
    by 조쉬
    2019/03/05 Views 2871 

    jquery 팝업 차단 없이 띄우기

  7. jQuery 카테고리 선택에 따른 하위 카테고리 변경 (selecbox)

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

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

  9. No Image 27Aug
    by
    2019/08/27 Views 1737 

    jquery 자식창에서 부모창으로 값 전달

  10. No Image 02Mar
    by
    2017/03/02 Views 11799 

    jQuery 입문: form 데이터 유효성 검사

  11. No Image 04Jun
    by
    2019/06/04 Views 853 

    jQuery 일반적 팁

  12. No Image 02Mar
    by
    2017/03/02 Views 10559 

    jquery 이용한 필수입력체크(input form)

  13. No Image 11Sep
    by
    2016/09/11 Views 7360 

    jquery 이용한 이미지 변환

  14. No Image 04Jul
    by
    2018/07/04 Views 3363 

    jQuery 유효성 검사

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

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

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

    jQuery 실행패턴

  17. No Image 25Mar
    by
    2021/03/25 Views 211 

    jquery 사용자정의 속성의 사용

  18. No Image 25Mar
    by
    2021/03/25 Views 158 

    jQuery 사용자 정의 속성이 잘 반영되지 않은 경우

  19. No Image 10Jan
    by
    2019/01/10 Views 1085 

    jQuery 로 해보는 체크박스(checkbox) 전체선택, 선택해제 예제

  20. No Image 10Jan
    by
    2019/01/10 Views 1329 

    jQuery 로 탭메뉴 보였다 안보였다 맹글기

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved