Ir para conteúdo
Fórum Script Brasil
  • 0

[?] Botao chamar Jquery e Metodo C#


deolokao

Pergunta

Olá pessoal, sou novo aqui e estou comecando a mexer com Jquery. Vou colocar os codigos aqui para deixar o mais claro possivel.

Estou querendo que quando clicar no botao, ocorra o evento do Jquery mas também o evento OnClick no C# ... o jquery com a animacao e o carregamento das paginas no DIV ocorem normal, porem não executa o evento no c# ... como eu poss arrumar isso??

botei um exemplo simples ali de somente alterar o text de uma label ...

Default.aspx

<script type="text/javascript">
    
    $(document).ready(function(){
        var conteudoAjax = $('#box2'); //Pegando a DIV onde carrega as paginas

        function hideLoading() {
            //SlideDow e escondendo o Modal Loading
            conteudoAjax.delay(1000).animate({
                "height": "toggle", "opacity": "toggle"
                }, 1000, function() {
                    $("#mask").fadeOut(500);
                    $('.window').fadeOut(500);
            });

         };
         
         function showLoading(e, pag, titulo) {
             //Inicio do Modal Loading
             e.preventDefault();
            
            var id = "#winModal";
        
            var maskHeight = $(document).height();
            var maskWidth = $(document).width();
        
            $('#mask').css({'width':maskWidth,'height':maskHeight});
            $('#mask').fadeTo(500,0.5);    
        
            var winH = $(window).height();
            var winW = $(window).width();
                  
            $(id).css('top',  winH/2-$(id).height()/2);
            $(id).css('left', winW/2-$(id).width()/2);
        
            $(id).fadeIn(1000);
            //Fim do Modal Loading
            
            //Inicio do Load do pag no DIV
            conteudoAjax.animate({
                "height": "toggle", "opacity": "toggle"
                }, 1000, function() {
                 conteudoAjax.load(pag, hideLoading);
                 $("#titulo").fadeOut(800, function() {
                     $("#titulo").text(titulo).fadeIn(800);
                 });
             });
            
         };
         

        $("#navi1").click(function(e) {
            showLoading(e, "Default3.aspx", "Cadastro de Músicas");
        });

        $("#navi2").click(function(e) {
            showLoading(e, "Default2.aspx", "Menu 2");
        });
        
        $("#Button1").click(function(e) {
            showLoading(e, "Default2.aspx", "Menu 2");
        });


        /*$('#mask').click(function () {
            $(this).hide();
            $('.window').hide();
        });*/
         
     });

    </script>
Default.aspx --- <asp:Label ID="Label1" runat="server" Text="Texto Original"></asp:Label> ESSE LABEL QUE EU GOSTARIA DE ALTERAR PELO C# ---
<div id="tudo">
    
        <h1 id="titulo">JQueries</h1>
        
     <code>
            <a href="#" id="navi1">Cad. Músicas</a>
            
            <a href="#" id="navi2">Menu 2</a>
            
            <asp:Button ID="Button1" runat="server" Text="Button" 
            onclick="Button1_Click" />
            
         <asp:Label ID="Label1" runat="server" Text="Texto Original"></asp:Label>  
            
        </code>

        <div id="box2"> </div>
        
        <div id="mask"> </div>
        
        <div id="winModal" class="window">
            <img src="images/ajax-loader.gif" /><br />
            CARREGANDO...
        </div>
        
    </div>
Default.aspx.cs
public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "Texto Modificado";
    }
}

Algm sabe como???

Editado por deolokao
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0
$("#contatodialog").dialog(
{
autoOpen: false,
open: function () { $(this).parent().appendTo($("form:first")); },
modal: true,
width: 490,
buttons:
[
{ text: "Cancelar", click: function () { $(this).dialog("close"); } },
{ text: "Enviar", click: function () { document.getElementById("<%=btnContatoEnviar.ClientID %>").click(); } }
]
});
$("#contatodialog").parent().appendTo("form:first");
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...