Javascript ASP.Net UpdatePanel音频播放器
我在asp页面的UpdatePanel中得到了两个Dropdownlist和一个Jplayer。Dropdownlist得到了很好的更新,但是Jplayer没有。请任何人帮我找到我所缺少的。我试着到处寻找答案,但没有找到 代码:Javascript ASP.Net UpdatePanel音频播放器,javascript,asp.net,Javascript,Asp.net,我在asp页面的UpdatePanel中得到了两个Dropdownlist和一个Jplayer。Dropdownlist得到了很好的更新,但是Jplayer没有。请任何人帮我找到我所缺少的。我试着到处寻找答案,但没有找到 代码: 选择翻译 选择苏拉(古兰经章节) $(文档).ready(函数(){ var myCirclePlayer=新的CirclePlayer(“#jquery_jplayer_1”, { m4a:“古兰经/”+document.getElementById(“D
选择翻译
选择苏拉(古兰经章节)
$(文档).ready(函数(){
var myCirclePlayer=新的CirclePlayer(“#jquery_jplayer_1”,
{
m4a:“古兰经/”+document.getElementById(“DropDownList 1”).value+“/”+document.getElementById(“DropDownList 2”).value
}, {
CSS选择器存储:“#cp#U容器#U 1”,
swfPath:“Scripts/MMPlayer/MMPlayerJS”,
wmode:“窗口”
});
});
- 玩
- 停顿
您无法访问ControlParameter客户端。ControlParameters用于绑定控件属性服务器端的值,它们不会呈现给客户端。但是,您可以在代码隐藏中以编程方式设置ControlParameter的默认值。那么,如何在代码中嵌入/使用此代码?
<form id="form1" runat="server">
<table style="width: 100%">
<tr>
<td style="width: 800px; text-align: center;">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<br />
<div class="s4">Select Translation</div>
<asp:DropDownList runat="server" id="DropDownList1" AutoPostBack="True" DataSourceID="AccessDataSource6" DataTextField="TranslationLang" DataValueField="TranslationLang" Height="25px" Width="100%"></asp:DropDownList>
<asp:AccessDataSource ID="AccessDataSource6" runat="server" DataFile="Database/HF.mdb" SelectCommand="SELECT [TranslationLang] FROM [Translation]">
</asp:AccessDataSource>
<br />
<br />
<div class="s4">Select Surah (Quran Chapter)</div>
<asp:DropDownList runat="server" id="DropDownList2" AutoPostBack="True" DataSourceID="AccessDataSource7" DataTextField="Surah" DataValueField="Surah" Height="25px" Width="100%"></asp:DropDownList>
<asp:AccessDataSource ID="AccessDataSource7" runat="server" DataFile="Database/HF.mdb" SelectCommand="SELECT [Surah] FROM [TranslationSurah] WHERE ([Lang] = ?) ORDER BY [No]">
<SelectParameters>
<asp:controlparameter ControlID="DropDownList1" Name="Lang" PropertyName="SelectedValue" Type="String" />
</SelectParameters>
</asp:AccessDataSource>
<br />
<br />
<script type="text/javascript">
$(document).ready(function(){
var myCirclePlayer = new CirclePlayer("#jquery_jplayer_1",
{
m4a: "Quran/" + document.getElementById("DropDownList1").value + "/" + document.getElementById("DropDownList2").value
}, {
cssSelectorAncestor: "#cp_container_1",
swfPath: "Scripts/MMPlayer/MMPlayerJS",
wmode: "window"
});
});
</script>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="DropDownList1" EventName="SelectedIndexChanged" />
<asp:AsyncPostBackTrigger ControlID="DropDownList2" EventName="SelectedIndexChanged" />
</Triggers>
</asp:UpdatePanel>
<!-------------------------------------------------Player----------------------------------------------------------->
<div id="jquery_jplayer_1" class="cp-jplayer"></div>
<div id="cp_container_1" class="cp-container">
<div class="cp-buffer-holder">
<div class="cp-buffer-1"></div>
<div class="cp-buffer-2"></div>
</div>
<div class="cp-progress-holder">
<div class="cp-progress-1"></div>
<div class="cp-progress-2"></div>
</div>
<div class="cp-circle-control"></div>
<ul class="cp-controls">
<li><a class="cp-play" tabindex="1">play</a></li>
<li><a class="cp-pause" style="display:none;" tabindex="1">pause</a></li>
</ul>
</div>
<!-------------------------------------------------Player----------------------------------------------------------->
<br />
</td>
</tr>
</table>
</form>