2011-02-07 8 views
0

showModalDialog 메서드를 사용하여 사용자에게 메시지를 표시해야합니다.이 메서드에는 "Yes"및 "No"라는 두 개의 버튼이 있어야하지만이 방법에 접근하는 방법은 확실하지 않습니다.showModalDialog의 선택 항목에 대한 도움말

IE8을 사용하고 있으며 이것을 선언하는 방법이 확실하지 않으며 "Yes"와 "No"옵션을 모두 지정해야합니다.

"아니요"를 누르면 기본적으로 showModalDialog를 닫고 사용자가 더 이상 조치 할 필요가 없습니다.

"예"를 누르면 자바 스크립트 기능이 호출되기를 원합니다.

나는 온라인에서 보았지만 나는 여기서 무엇을하고 있는지에 대한 예제를 찾을 수없는 것 같다.

위의 도움말, 좋은 예에 대한 링크 또는 위의 요구 사항과 관련된 예가 정말 감사 할 것입니다.

감사합니다.

답변

1
  • , 그럼 당신은 강력한입니다 위젯 라이브러리를 사용하는 것이http://jqueryui.com

이행 :

$(function() { 
    var external_data = "i'm outside the func"; 
    $('.show-modal-dialog').click(function(e) { 
     var internal_data = "i'm inside the call"; 
     var a = this; 
     e.preventDefault(); 
     $("#dialog-message").dialog({ 
      title: 'this is a modal dialog', 
      modal: true, 
      open: function(event, ui) { 
       $(this).append(a.href); //append inside the Dialog it self 
      }, 
      buttons: { 
       'Yes': function() { 
        alert(a.href + ' ' + external_data + ' ' + internal_data); 
       }, 
       'No': function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 
}); 

BODY :

<div id="dialog-message"><p>Lorem Ipsum Est</p></div> 

<a class="show-modal-dialog" href="http://www.google.it">Show Modal Dialog</a> 
+0

감사 @aSeptik하지만 두 더 질문이 있습니다. 1)이 대화 상자에 어떤 유형의 데이터를 전달할 것인가? 2) showModalDialog를 사용하여 jQuery 방법을 사용할 지 확신 할 수 없으므로 예제를 제공해 줄 수 있습니까? 감사. – tonyf

+0

데모 소스 코드의 업데이트 모습을 참조하십시오. 덕분에 –

+0

. showModalDialog를 사용하면 url을 전달해야합니다. 가능하면 가능합니까? 그렇다면 어떻게해야합니까? – tonyf

0

당신이 jquery.ui를 사용하고 있다면,이 sample을 체크 아웃하십시오. jquery.ui를 사용하지 않으려면 Block.UI 플러그인을 살펴보십시오. 당신이 jQuery를 사용하는 경우

관련 문제