다른 JavaScript 함수 내에서 jQuery (모달 팝업) 함수 호출

facebox 모달 상자 (흐름 플레이어의 jQuery 도구)를 호출하려고합니다.
onChange이 내 sub_debt 스크립트를 호출하는 선택 메뉴가 있습니다. sub_debt 스크립트는 선택 메뉴의 값을 평가합니다. value == 1 ('예'인 경우) 헤더에 정의 된 facebox 모달을 호출하고 싶습니다.다른 JavaScript 함수 내에서 jQuery (모달 팝업) 함수 호출

현재 아래 코드는 facebox 모달을 "다소"호출합니다. 즉, facebox 모달 팝업 자체의 유일한 부분 인 것처럼 페이지의 해당 위치에서 선택 메뉴를 "꺼내"있습니다. 어두운 배경 마스크 페이지의 나머지 부분.

: 당신이 facebox의 내용으로 선택의 ID를 설정하는 때문입니다

<head> 

    <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> 

    <!-- Popups : Facebox --> 
    <script> 
    function popup(choosebox) { 
      var $choosebox = $("#" + choosebox); 

      if ($choosebox.hasClass("init")) { 
        $choosebox.overlay().load(); 
      } 
      else { 
        $choosebox.addClass("init"); 
        $choosebox.overlay({ 

      // custom top position 
      top: 260, 

      mask: { color: '#838383', 
        loadSpeed: 200, 
        opacity: 0.5 
      }, 
      closeOnClick: true, 
      load: true 
      }); 
    } 
    } 
    </script> 

    </head> 
    <body> 


    <script type="text/javascript"> 
    function subdebt(choosebox){ 
     var myField = document.getElementById('subordinate_debt'); 
     if(myField.value == "1") { 
      popup(choosebox); // Calls above function from defined in header 
     } else { 
      alert("Do not fire popup - you entered: " + myField.value); 
     } 
    } 
    </script> 


    <select name="subordinate_debt" id="subordinate_debt" onchange='subdebt("subordinate_debt");'> 
     <option value="" selected="selected"></option> 
     <option value="0">No</option> 
     <option value="1">Yes</option> 
    </select>

출처

2012-05-10 dabra904

다음과 같은 변경했다. (감사합니다 "미트 SONI"- oDesk.com 계약자)

<script type="text/javascript"> 
function subdebt(choosebox){ 
    var myField = document.getElementById('subordinate_debt'); 
if(myField.value == "1") { 
    popup("subordinate_debt_Popup"); 
} else { 
alert("Do not fire popup - you entered: " + myField.value); 
} 
} 
</script>

그리고 "subordinate_debt"DIV ID를 변경 "subordinate_debt_Popup"

<div id="subordinate_debt_Popup" class="facebox">.....</div>

에

출처

2012-05-14 14:01:28 dabra904

(주 예를 들어 앵커 태그에서 호출 할 때 facebox 모달 스크립트가 제대로 작동 않음). 다른 div/요소의 ID를 facebox의 콘텐츠로 전달하려고합니다.

예컨대 :

... 
<div id="SHOWME" style="display: none;"> 
Inside facebox 
</div> 

<select name="subordinate_debt" id="subordinate_debt" onchange='subdebt("SHOWME");'> 

...

출처

2012-05-13 11:10:21 lovetoday

다른 JavaScript 함수 내에서 jQuery (모달 팝업) 함수 호출

답변

관련 문제