나의질문답

팝업창 닫기버튼 질문있습니다.

예쁜꽃이피었으면 2014. 7. 29. 23:37

http://www.okjsp.net/seq/254416

 

 


안녕하세요

제가 웹에서 팝업창을 만들고 닫기버튼을 넣었는데
이게 웹뷰에서 작동을 안하더라고요.
<input type="button" class="btn_m_gray" value="닫기" onClick='self.close()'>
이런식으로요.

그.래.서. form전체를 보여줬다 안보여줬다 하는 방식으로 바꾸려는데
왜 인지..실행이 안되서 질문을 올립니다...

우선 page1이라는 jsp에서는

function popupOpen(){
 var popUrl = "exdeliverprice.jsp";
 var name = "popup";
 var popOption =  "width=500, height=360, resizable=no, scrollbars=yes, status=no";    //팝업창 옵션(optoin)
  window.open(popUrl,name,popOption, true);

 }

------------
 <input type="button" value="배송비 보기" onClick="javascript:popupOpen()" class="btn_s"></td>
 =========>이렇게 화면을 띄웁니다.

그리고 page3라는 팝업창이 뜨게됩니다.
<div class="center"><input type="button" class="btn_m_gray" id="btnClose" value="닫기" ></div>


여기서 저 id로 page1에
//닫기 버튼 클릭시
  $("#btnClose").click(function(){  
  $("#page3").hide(); 
  $("#page1").show();
  }); 
이렇게 소스를 넣었습니다.

근데 닫기 버튼이 전혀 먹히질 않는데  무슨 이유일까요..?

 

-----------------------------------------------------------------------------------------------------------

[[[ 답변 ]]]
       
$("#btnClose").click(function(){...} <--- 이것이 page1에 정의 되어 있는데 page3에서 id='btnClose' 를 누른다고 먹힐까요? page3에서 닫기 함수를 만들어야할 듯 해요.

 

 

 

 

 

===========================================================================================================================

 

http://www.okjsp.net/seq/254409

 

웹뷰에서 팝업창 닫을 때 질문있어요~

웹뷰로 앱을 구현하였고요~

팝업창을 추가하던 중

닫기 버튼을 넣었는데

onClick='self.close()'  이건 웹뷰에서 작동을 안하더라고요~

그래서 닫기 버튼 방법을 찾다가

이전으로 되돌리는게 쉬울 것 같아서

이전으로 되돌리기아이콘?을 넣었는데..그것도 잘 안되더라고요..
<script type="text/javascript">
<!--
$(document).ready(function(){
if($("#content").height() > 900 && $("#divContent").height() > 830  ||
   $("#content").height() < 900 && $("#divContent").height() > 400){ 
}
//이전페이지가기
$("#imgPrevPage").click(function(){
document.encoding = "application/x-www-form-urlencoded";
window.opener.top.location.href="bookbyisbn.do";
window.close();
//window.open('about:blank', '_self').close();
//document.action = window.opener = window.location.href; self.close();
//document.form1.action = "bookbyisbn.do";
//document.submit();
});
}); 
-->
</script>


이렇게 저렇게 해보다가 질문 올립니다.

1. 웹에서도 앱에서도 작동하는 닫기버튼은 어떻게 구현하나요?

2. 이것이 안된다면 이전 페이지로 가도록 하고 싶은데  뭐가 문제인가요..?


단순히 버튼만 누르면 뜨는 팝업이고 닫으면 닫히는 창입니다.

설정같은건 다 되어있을 거예요 기존에 잘 돌아가던 부분에 제가 추가시킨거거든요..

 

 

[[[ 답변 없음 ]]]

 

반응형