메뉴 건너뛰기

조회 수 2876 추천 수 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. easing - 효과의 진행 속도

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

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

  3. No Image 31Mar
    by
    2021/03/31 Views 168 

    before / after / insertBefore / insertAfter - element 추가 (동등 관계)

  4. No Image 25Mar
    by
    2021/03/25 Views 170 

    radio 제어하기

  5. No Image 26Mar
    by
    2021/03/26 Views 174 

    focus() 로 오브젝트 옮기기

  6. No Image 26Mar
    by
    2021/03/26 Views 176 

    input checkbox 모두 체크하기

  7. No Image 25Mar
    by
    2021/03/25 Views 189 

    모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예

  8. No Image 26Mar
    by
    2021/03/26 Views 195 

    foreach문

  9. No Image 25Mar
    by
    2021/03/25 Views 208 

    CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때

  10. No Image 31Mar
    by
    2021/03/31 Views 210 

    행에 징검다리 스타일 입히기 (:odd, :even)

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

    jquery 사용자정의 속성의 사용

  12. No Image 31Mar
    by
    2021/03/31 Views 216 

    parent of the iframe element selector

  13. No Image 31Mar
    by
    2021/03/31 Views 225 

    prepend / append - element 추가 (부모/자식 관계)

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

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

  15. No Image 26Mar
    by
    2021/03/26 Views 231 

    라디오 버튼 선택값 가져오기

  16. No Image 31Mar
    by
    2021/03/31 Views 233 

    제이쿼리에서 클래스(class) 이름 추가/삭제

  17. No Image 26Mar
    by
    2021/03/26 Views 259 

    change 전의 값을 가져오기

  18. No Image 31Mar
    by
    2021/03/31 Views 271 

    마우스 좌표 얻기

  19. No Image 31Mar
    by
    2021/03/31 Views 273 

    draggable - div 드래그

  20. No Image 26Mar
    by
    2021/03/26 Views 285 

    항상 최신버전으로 사용하기

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved