Muy buenas.
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:
<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" />
Tengo un código en jquery donde los textbox se suman y pone el resultado en el label:
Código:
$("#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));
});
Hasta ahi todo bien, pero tengo otro codigo en el boton que le agrega a cada control una clase:
Código:
$("#ctl00_ContentPlaceHolder1_Button1").click(function() {
$("#ctl00_ContentPlaceHolder1_TextBox1").addClass("ControlesNoVisibles");
$("#ctl00_ContentPlaceHolder1_TextBox2").addClass("ControlesNoVisibles");
$("#ctl00_ContentPlaceHolder1_Label1").addClass("ControlesNoVisibles");
});
Y un archivo .css donde esa clase esconde todos los controles que tienen esa clase:
Código:
.ControlesNoVisibles
{
visibility:hidden;
}
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.
Les pongo el codigo completo de la pagina:
Código:
<%@ 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>
Si no entienden algo, me pueden avisar. Gracias de antemano y bendiciones miles.