질문게시판이 없어서 여기에서 질문드립니다. > 자유게시판

자유게시판

질문게시판이 없어서 여기에서 질문드립니다. 정보

질문게시판이 없어서 여기에서 질문드립니다.

본문

제가 alert, confirm, prompt 을 제이쿼리로 오버라이드 해서

메세지 창의 레이아웃을 변경하고싶어서 소스를 작성햇는데

메세지창이 뜰때 브라우저가 멈춤 상태가 되고 거기서 확인이나 취소를 눌러야

다시 브라우저가 활성화 되는 기능이 뭔지 몰라 한참을 찾아 다녔는데요

jalert 보니 재귀함수를 쓰더라구요

 

이게 맞는건지 맞는다면 

 

제가 만든 소스가 왜 안되는지 문제를 좀 지적 좀 부탁드립니다.

 

jQuery.fn.Wo_msg = function (options) {

 

var defaults = {

speed:250,

bg:"rgba(40, 40, 40, 0.8)",

radius:6,

width:300,

height:180,

popup:"background:white; border:0px;",

prompt:"background:white; border:0px;",

approve:"width: 90px; height:30px; background:#F39C12; color:white; border:0px;",

cancel:"width: 90px; height:30px; background:#89C4F4; color:white; border:0px;",

approve_value:"확인",

cancel_value:"취소"

};

 

var settings = $.extend({}, defaults, options);

 

 

_content = function(type,msg){

var cancel="";

var approve = "";

approve = "<input type='button' id='Wo_approve' value='"+settings.approve_value+"' style='cursor:pointer;margin: 0px 4px;"+settings.approve+"'>";

cancel = "";

input = "";

if(type == "confirm"){

cancel = "<input type='button' id='Wo_cancel' value='"+settings.cancel_value+"' style='cursor:pointer;margin: 0px 4px;"+settings.cancel+"'>";

}//if END

if(type == "prompt"){

input = "<input type='text' id='Wo_prompt_text' value='"+settings.cancel_value+"' style='width:100%;"+settings.prompt+"'>";

}//if END

$("body").append("<div id='Wo_FixedBg' style='display:none; position:fixed; background:"+settings.bg+"; width:100%; height:100%; left:0px; top:0px; z-index: 99999;'><div style='position: absolute;width:100%; height:"+settings.height+"px; top:50%; margin-top:-"+(settings.height)/2+"px;'><div style='margin:0px auto; border-radius:"+settings.radius+"px; width:"+settings.width+"px;height:"+settings.height+"px;"+settings.popup+"'><div style='padding: 5%; text-align: center;vertical-align: middle;display: table-cell; width:"+settings.width+"px; height:"+(settings.height)/1.4+"px;'>"+msg+input+"</div><div style='width:100%;text-align:center;'>"+approve + cancel+"</div></div></div></div>");

 

_show();

}//_content END

_view = function(msg, type, callback){

switch(type){

case "alert" : 

_content(type,msg);

$("#Wo_approve").on("click",function() {if( callback ) callback(true); _close();});

break;

case "confirm" : 

_content(type,msg);

$("#Wo_approve").on("click",function() {if( callback ) callback(true); _close();});

$("#Wo_cancel").on("click",function() {if( callback ) callback(false); _close();});

break;

case "prompt" : 

_content(type,msg);

$("#Wo_approve").on("click",function(){

var value = $("#Wo_prompt_text").val();

if( callback ) callback(value); _close();

});

break;

}//switch END

}// _viewEND

 

 

_show = function(){

$("#Wo_FixedBg").fadeIn(settings.speed);

 

}// _show END

_close = function(){

$("#Wo_FixedBg").fadeOut(settings.speed,function(){

$("#Wo_FixedBg").remove()

});

}// _close END

 

 

window.alert = function(message, callback) {

_view(message, "alert", function(result) {

if( callback ) callback(result);

});

}// window.alert END

 

window.confirm = function(message, callback) {

_view(message, "confirm", function(result) {

if( callback ) callback(result);

});

}// window.confirm END

 

window.prompt = function(message, callback) {

_view(message, "prompt", function(result) {

if( callback ) callback(result);

});

}// window.prompt END

 

 

}

 

 

 

 

 

추천
0

댓글 6개

옴마~~!!
파이어폭스나 크롬에서 디버그검사를 하셔서 찾으셔야 할겝니다
이렇게는 찾을수가 없을 겝니다
재귀함수로 멈춤 하는것이 맞는가요 레이아웃이 잘뿌려지기는하는데 이전의 alert  나 confirm 기능이 안되서요 그냥 뿌려지기만 하는것 같습니다.
글쎄요 방식이야 여러가지가 있겠지요
어차피 경고창을 일반페이지에서 레이어로만 바꾸는 거니까 복잡하지는 않습니다
페이지가 없는 녀석을 페이지로 불러오는게 힘들죠
문제는 confirm  인데 반환값을 받아서 다시 조건문을 처리를 못하기때문에 본래의 목적에 기능이 안맞는다는게 문제입니다 ㅜ
전체 195,055 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여0 회 시작24.03.28 11:15 종료24.04.04 11:15
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT