想以編程方式使用ThickBox

-1

假設我有一個按鈕，並且我希望它在用戶單擊它時從中獲取數據（如服務器端的HTML元素）。例如：想以編程方式使用ThickBox

<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。當thickbox出現時，一個繁忙的動畫將在thickbox內部播放，然後ajax調用將完成並且數據將可用，然後我將在thickbox中顯示提取的數據。所以請指導我如何用小代碼來做到這一點。

來源

2011-08-15 Thomas

此功能已經有檢討的「Ajax內容」部分ThickBox的

什麼ü可以做的是，當鏈接/按鈕，用戶點擊調用服務器端函數和修改'hiddenModalContent'的內部html內容

<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>

來源

2011-08-15 13:21:21

想以編程方式使用ThickBox

回答

相關問題