ThickBox를 프로그래밍 방식으로 사용하려는 경우

Question

하나의 버튼이 있다고 가정하고 사용자가 클릭 할 때 데이터를 가져 오려고합니다 (서버 측에서 HTML 요소와 같은). 예를 들어 :

<table><tr><td>here is my content</td></tr></table> 

나는 Ajax 호출을 사용하여 서버에서 전체 HTML을 가져올 것이며, 나는 Thickbox와의 내부를 보여주고 싶어요. 나는 thickbox 사이트를 살펴 보았고 인라인 컨텐츠 데모를위한 아래의 코드를 찾았지만 그렇게 작동하지 않기를 바란다.

<input alt="#TB_inline?height=300&width=400&inlineId=myOnPageContent" title="add a caption to title attribute/or leave blank" class="thickbox" type="button" value="Show" /> 
<a href="#TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true" class="thickbox">Show hidden modal content.</a> 

대신 thickbox를 프로그래밍 방식으로 표시하려고합니다. 두꺼운 상자가 나타나면 두꺼운 상자 안에서 바쁜 애니메이션이 재생되고 아약스 호출이 완료되고 데이터를 사용할 수있게되면 두꺼운 상자 안에 가져온 데이터가 표시됩니다. 그러니 작은 코드로이 작업을 수행하는 방법을 안내해주십시오.

Answer 1

이 기능은 이미의 "아약스 내용"절을 검토한다 Thickbox와

또는

무엇 U가 할 수있는 것은 그 링크/버튼을 사용자가 클릭 서버 측 함수를 호출하고 수정할 때 내부 HTML 컨텐트 'hiddenModalContent'

<script type="text/javascript"> 
     function GetAjaxData(){ 
       //retrieve ajax html data here 
       return "<b>Ajax data</b>"; 
     } 

     $(document).ready(function(){ 
       $("#myLink").click(function(){ 
        var AjaxContent = GetAjaxData(); 
        $("#hiddenModalContent").html(AjaxContent); 
       }); 
     }); 
</script> 

<input alt="#TB_inline?height=300&width=400&inlineId=myOnPageContent" title="add a caption to title attribute/or leave blank" class="thickbox" type="button" value="Show" /> 
<a href="#TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true" class="thickbox" id="myLink">Show hidden modal content.</a> 

<div style="display:none" id="hiddenModalContent"> 
</div>