Tengo un problemita con mi pagina asp al incluirle jquery y ajax:
En mi pagina tengo 2 textbox, 1 label y un boton:
Código:
Tengo un código en jquery donde los textbox se suman y pone el resultado en el label:<asp:TextBox ID="TextBox1" runat="server" Text="0"></asp:TextBox> <asp:TextBox ID="TextBox2" runat="server" Text="0"></asp:TextBox> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Button" />
Código:
Hasta ahi todo bien, pero tengo otro codigo en el boton que le agrega a cada control una clase:$("#ctl00_ContentPlaceHolder1_TextBox1").keyup(function() { $("#ctl00_ContentPlaceHolder1_Label1").text(eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value) + eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox2").value)); }); $("#ctl00_ContentPlaceHolder1_TextBox2").keyup(function() { $("#ctl00_ContentPlaceHolder1_Label1").text(eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value) + eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox2").value)); });
Código:
Y un archivo .css donde esa clase esconde todos los controles que tienen esa clase:$("#ctl00_ContentPlaceHolder1_Button1").click(function() { $("#ctl00_ContentPlaceHolder1_TextBox1").addClass("ControlesNoVisibles"); $("#ctl00_ContentPlaceHolder1_TextBox2").addClass("ControlesNoVisibles"); $("#ctl00_ContentPlaceHolder1_Label1").addClass("ControlesNoVisibles"); });
Código:
Pero cuando le doy al botón, los controles desaparecen y vuelven a aparecer en un instante y parece como si jquery se desactivara, porque el código en los textbox no funcionan, y ni el boton tampoco vuelve a funcionar porque le pongo una breakpoint para debuggear y no pasa por el código del botón..ControlesNoVisibles { visibility:hidden; }
Les pongo el codigo completo de la pagina:
Código:
Si no entienden algo, me pueden avisar. Gracias de antemano y bendiciones miles. <%@ Page Title="" Language="VB" MasterPageFile="~/GlobalMaster.master" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="100" DynamicLayout="true"> <ProgressTemplate> <img border="0" src="../images/loading.gif"/></ProgressTemplate> </asp:UpdateProgress> <script type="text/javascript" src="Scripts/jquery.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#ctl00_ContentPlaceHolder1_Button1").click(function() { $("#ctl00_ContentPlaceHolder1_TextBox1").addClass("ControlesNoVisibles"); $("#ctl00_ContentPlaceHolder1_TextBox2").addClass("ControlesNoVisibles"); $("#ctl00_ContentPlaceHolder1_Label1").addClass("ControlesNoVisibles"); }); $("#ctl00_ContentPlaceHolder1_TextBox1").keyup(function() { $("#ctl00_ContentPlaceHolder1_Label1").text(eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value) + eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox2").value)); }); $("#ctl00_ContentPlaceHolder1_TextBox2").keyup(function() { $("#ctl00_ContentPlaceHolder1_Label1").text(eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox1").value) + eval(document.getElementById("ctl00_ContentPlaceHolder1_TextBox2").value)); }); }); </script> <asp:TextBox ID="TextBox1" runat="server" Text="0"></asp:TextBox> <asp:TextBox ID="TextBox2" runat="server" Text="0"></asp:TextBox> <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <asp:Button ID="Button1" runat="server" Text="Button" /> <br /> </ContentTemplate> </asp:UpdatePanel> </asp:Content>