2016-08-22 3 views
1

第二のJavaScript/jQueryの機能を使用して5後のdivとlableを隠しDIVです:は、ここでのC#

<div class="alert alert-success alert-dismissable" runat="server" visible="false" id="lblmsgid"> 
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 
      <asp:Label runat="server" ID="lblmsg" Font-Bold="true" Visible="false"></asp:Label> 
        </div> 

私は数秒使用してクライアント側コードの後のdivを非表示にします。 ここで私はバックエンドでC#を使用しています。

else if (e.CommandName.Equals("CategoryDelete")) 
      { 
       objCategory.CategoryDelete(Convert.ToInt32(e.CommandArgument)); 
       lblmsgid.Visible = true; 
       lblmsg.Text = "Delete Successful.."; 
       BindCategory(); 
      } 

私のグリッドから削除ボタンをクリックした後、私は上記のlableにエラーメッセージを表示したい(lableはdiv要素である)と、数秒後、私はdiv要素を非表示にする... 私はどのように行うことができます??ここ

は、アクティベートするためのボタンである。

<asp:Button ID="btnActivate" runat="server" OnClick="BtnActivate_Click" CssClass="btn-active" Text="Activate Selected" OnClientClick="javascript:return TestCheckBox();" /> 
+0

あなたがしようとしているコードを投稿してください。 –

+0

ボタンのクリックイベントハンドルを表示します。 – spirit

+0

はい私は既にコードを見て編集しました。私は次のようです.http://stackoverflow.com/questions/10591013/display-div-for-few-seconds-and-disappear-using-asp-net-code -behind –

答えて

2

は単にsetTimeoutを使用しています。

setTimeout(function() { 
 
    var alerts = document.getElementsByClassName("alert-dismissable"); 
 
    
 
    for(var i = 0; i < alerts.length; i++) { 
 
     alerts[i].style.display = "none"; 
 
    } 
 
}, 2000);
<div class="alert alert-success alert-dismissable" runat="server" visible="false" id="lblmsgid"> 
 
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 
 
    <label runat="server" ID="lblmsg" Font-Bold="true" Visible="false">asd</label> 
 
</div>

またはjQueryを使って:平野JSで

setTimeout(function() { 
 
    $(".alert-dismissable").hide(); 
 
}, 2000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="alert alert-success alert-dismissable" runat="server" visible="false" id="lblmsgid"> 
 
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 
 
    <label runat="server" ID="lblmsg" Font-Bold="true" Visible="false">asd</label> 
 
</div>

+1

ここでどのようにsetTimeOut関数を呼び出すのDIV? –

+0

私はあなたのクエストを理解していないのですか? @ManojMaharana – eisbehr

+0

lableメッセージを動的に表示したいのですが、<ラベルrunat = "サーバー" ID = "lblmsg" Font-Bold = "true" Visible = "false"> asd ??ちょうど見る。 –

0
setTimeout(function() { 
    $('.alert-dismissable').hide(); 
}, 3000); 
+1

codebehindからその関数を呼び出す方法は? –

0
$(document).ready(function() { 
    setTimeout(function() { 
     $('#lblmsgid').hide(); 
    }, 5 * 1000); //hides after 5 seconds 
}); 
+2

本当ですか? -1?それは誰ですか?これはうまくいかないとあなたは言うだろうか? – spirit

+0

男を気にしないでください。私はあなたの背中を持っています。 – arjabbar

+0

答えが説明されていない可能性があります – Liam