메뉴 건너뛰기

조회 수 2863 추천 수 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 05Mar
    by 조쉬
    2019/03/05 Views 2863 

    jquery 팝업 차단 없이 띄우기

  2. No Image 05Mar
    by
    2019/03/05 Views 1129 

    [jQuery] 라디오(radio) 버튼, 체크박스(checkbox) 선택/해제 하는 방법

  3. No Image 16Jan
    by
    2019/01/16 Views 1079 

    jQuery 기초 (Query link url / download (위치, 사용법) // p태그, id, class 접근 / 일반태그 가져오기 / 클릭시 값)

  4. No Image 16Jan
    by
    2019/01/16 Views 1506 

    jQuery 기초 (클릭하면 이미지 변경 / mouseover시 애니메이션 효과주기 / 동적으로 변경)

  5. No Image 16Jan
    by
    2019/01/16 Views 1261 

    jQuery 기초 (focus, blur, toggle / mouseenter, mouseleave, mousedown, mouseup, hover)

  6. jQuery 기초 (style.css <link> 로 추가하기 / 버튼 클릭시 데이터 삽입)

  7. No Image 16Jan
    by
    2019/01/16 Views 1055 

    jQuery 기초 (JQuery - text(), val(), html(), attr(), prop())

  8. No Image 16Jan
    by
    2019/01/16 Views 1119 

    jQuery 기초 (attr()로 두가지 동시에 접근 / 변경)

  9. jQuery 기초 (텍스트 추가 (createElement, createTextNode, appendChild), (html, javascript, jquery)

  10. jQuery 기초 ((문자열 추가 .before / .after) (문자열 삭제 .remove / .empty)

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

  12. Query 기초 (동적 테이블 (데이터 추가 / 삭제), integrateTable(정렬(sort))

  13. jQuery 기초 (jQuery 달력 (datepicker))

  14. jQuery 기초 (Postcodify - 도로명주소 우편번호 검색 프로그램 (코딩 예제) (HTML) / POP UP 버젼)

  15. No Image 16Jan
    by
    2019/01/16 Views 1021 

    .removeAttr() : 특정 속성을 제거

  16. No Image 16Jan
    by
    2019/01/16 Views 962 

    .attr() : 태그의 속성 값을 읽어오거나 속성을 추가및 재설정

  17. popModal jQuery Plugin Examples / 무료 jQuery 팝업 플러그인

  18. jQuery Plugin : Slider

  19. jQuery datepicker 팝업창 사이즈 바꾸기

  20. jQuery를 이용한 스크롤 따라니는 배너를 쉽게 맨들기(scroll follow)

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

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved