Foros del Web » Programando para Internet » ASPX (.net) »

ASP.NET, AJAX y JQUERY(JAVASCRIPT)

Estas en el tema de ASP.NET, AJAX y JQUERY(JAVASCRIPT) en el foro de ASPX (.net) en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 28/07/2011, 10:28
 
Fecha de Ingreso: marzo-2010
Mensajes: 13
Antigüedad: 14 años, 1 mes
Puntos: 0
Pregunta ASP.NET, AJAX y JQUERY(JAVASCRIPT)

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.
  #2 (permalink)  
Antiguo 28/07/2011, 16:09
Avatar de jaullo  
Fecha de Ingreso: abril-2009
Mensajes: 994
Antigüedad: 15 años
Puntos: 30
Respuesta: ASP.NET, AJAX y JQUERY(JAVASCRIPT)

Hola,

Lo primero que te recomendaria es que cambias la forma en la que seleccionas los controles. Utiliza algo como esto
$("#<%=RadioButtonList1.ClientID %>")

Has los cambios y comentanos como va.

Saludos,
__________________
http://geekswithblogs.net/jaullo/Default.aspx
Si te he ayudado regalame Karma positivo!!!
  #3 (permalink)  
Antiguo 29/07/2011, 07:26
 
Fecha de Ingreso: marzo-2010
Mensajes: 13
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: ASP.NET, AJAX y JQUERY(JAVASCRIPT)

No entiendo exactamente lo que quieres decir, osea que cambie la seleccion de los componentes de esta forma:

Código:
$("#ctl00_ContentPlaceHolder2_Button1").click
a esta forma:
Código:
$("#<%=Button1%>").click
lo hice de esa manera y nada.

Etiquetas: ajax, asp, aspx, textbox
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:01.