2011-11-21 65 views
0

我有兩個按鈕,一個按鈕被隱藏。 現在當我點擊可見按鈕時,我需要做兩件事使用Asp.Net使用javascript點擊和處理按鈕

1.打開iframe。

2.自動使第二個按鈕(隱藏)被點擊。

當點擊第二個按鈕,我需要在我剛纔所說的爲function showStickySuccessToast()

現在我能打開的IFrame,但我無法使隱藏的按鈕,點擊自動iframe的頂部顯示的消息。

這是我有什麼:

 <script type="text/javascript"> 
     $(document).ready(function(){ 
     $("#<%=Button1.ClientID%>").click(function(event){ 
      $('#<%=TextBox1.ClientID%>').change(function() { 
       $('#various3').attr('href', $(this).val()); 
      }); 
    }); 
     function showStickySuccessToast() { 
     $().toastmessage('showToast', { 
      text: 'Finished Processing!', 
      sticky: false, 
      position: 'middle-center', 
      type: 'success', 
      closeText: '', 
      close: function() { 

      } 
     }); 
    } 
    }) 
    </script> 

這裏是我的兩個按鈕,我如何與工作:

<a id="various3" href="#"><asp:Button ID="Button1" 
runat="server" Text="Button" OnClientClick="Button2_Click"/></a> 

<asp:Button ID="Button2" 
runat="server" Text="Button" Visible="False" OnClick="Button2_Click"/> 

而在button2_Click事件:

Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click 
     System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, GetType(Page), "Script", "showStickySuccessToast();", True) 
    End Sub 
+0

任何你無法使用UpdatePanels的原因? – Tim

+0

我還沒有嘗試更新面板,只是我試圖用簡單的方法來實現這一點,並進一步我打算使用更新面板,並在這個應用程序中使用這裏是否好?可能是我需要大部分的建議讓我的應用程序以更好的方式工作。 – coder

回答

2

將其放入第一個(可見)按鈕的單擊事件中:

$("#<%=Button1.ClientID%>").click(function(event){ 
     $('#<%=TextBox1.ClientID%>').change(function() { 
      $('#various3').attr('href', $(this).val()); 
     }); 
     $("#<%=Button2.ClientID%>").click(); 
}); 
+0

首先感謝您的答覆,如果我這樣做它給我錯誤,因爲服務器標籤不正確形成。 – coder

+0

這與您的其他點擊事件形成相同(只是使用不同的ID)。也許重建?我不確定爲什麼會導致錯誤。 –

+0

我已更新,使其更清楚我的意思。 –

0
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
     <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
     <asp:Button ID="Button1" runat="server" Text="Button" /> 
      <script type="text/javascript"> 
       $('#Button1').click(function() { 
        if ($('#TextBox1').val() == '') { 
         alert("Error") 
         $('#TextBox1').focus(); 
         return false; 
        } 
       }); 
</script> 
    </div>  
    </form> 
</body> 
</html>