在ASP.NET中隱藏並顯示使用JavaScript的div

我希望在單擊按鈕後顯示音頻播放器。這裏我的代碼在ASP.NET中隱藏並顯示使用JavaScript的div

<script type="text/javascript"> 
    function viewAudio() { 
     document.getElementById('myAudio').style.display = "" 
    } 
    document.getElementById('myAudio').style.display = "none" 


</script> 

<button value="@Html.DisplayFor(modelItem => item.SampleURL)" id="audioViewer" onclick="viewAudio()"> 
      <img src="../../Content/images/audio.png"></button> 

<div id="myAudio"> 
<audio controls preload="none"> 
    <source src="#" type="audio/mp3"> 
</audio> 
</div>

但是，當我在瀏覽器中運行它仍然顯示音頻播放器。任何解決方案？

來源

2013-07-18 Angripa

我一無所知ASP.NET ，但如果它是HTML的擴展，那麼到執行'

首先，要讓玩家隱藏默認情況下，您不需要使用JavaScript。這種風格添加到容器代替：

<div id="myAudio" style="display: none;">

，並顯示出回在點擊按鈕：

function viewAudio() { 
    document.getElementById('myAudio').style.display = "block"; 
}

來源

2013-07-18 12:48:50

<asp:Button ID="ButtonShowPanel" CausesValidation="false" CssClass="btn btn-primary pull-right" runat="server" Text="Add Contact" OnClientClick="javascript:SetVisiblityPanels(false); return false;" />

 function SetVisiblityPanels(check) { 
 
      if (check) { 
 
       $('.SearchPanel').show(1000); 
 
       $('.DescriptionPanel').hide(1000); 
 
      } 
 
      else { 
 
       $('.SearchPanel').hide(1000); 
 
       $('.DescriptionPanel').show(1000); 
 
      } 
 
     }

來源

2016-11-25 10:43:28

相關問題