私はJavascriptをLinkBut​​tonコントロールにポップアップが、それはページをポストバックと

Question

Javascriptコードを消滅さがポップアップ呼びたい：

function showdlgBox() 
{ 
    var whiteBox = document.getElementById("white-background"); 
    var dlgbox = document.getElementById("dlgBox"); 
    whiteBox.style.display = "block"; 
    dlgbox.style.display = "block";`enter code here` 
    var winwidth = window.innerWidth; 
    var winHighet = window.innerHeight;`enter code here` 
    dlgbox.style.left = (winwidth/2) - 480/2 + "px"; 
    dlgbox.style.top = "150px"; 
} 

HTML：

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton> 

方法linkbuttonにこのJavaScriptをコールするには？

Answer 1

説明：

限り、私はそれを理解するよう、

OnClick="LinkButton1_Click" 

は、バックエンド（サーバー側）の機能にリンクされることを - ポストバック発生する理由です。

ソリューション：

おそらくそれを取り出してみてください。または代わりに、純粋なHTMLのアンカータグを使用します。

<a id='LinkButton1' href='javascript:void(0)'></a> 

グッドラック

Answer 2

コールjavascript関数onclientclick

<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click" onClientClick="return showdlgBox()">LinkButton</asp:LinkButton> 

とfalseを返すjavascript関数では、

function showdlgBox() { 
      var whiteBox = document.getElementById("white-background"); 
      var dlgbox = document.getElementById("dlgBox"); 
      whiteBox.style.display = "block"; 
      dlgbox.style.display = "block";`enter code here` 
      var winwidth = window.innerWidth; 
      var winHighet = window.innerHeight;`enter code here` 
      dlgbox.style.left = (winwidth/2) - 480/2 + "px"; 
      dlgbox.style.top = "150px"; 
      return false; 
     } 

これはトリックを行う必要があります。

Answer 3

使用OnClientClick="showdlgBox();"

<asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="showdlgBox();">LinkButton</asp:LinkButton> 

Answer 4

ブートストラップモーダルを使用することができます。..

link of modal