none
Mudar o cursor do mouse em todo o postback RRS feed

  • Pergunta

  • Olá,

    Alguém sabe um jeito de toda vez que houver um postback o cursor do mouse mudar para wait

    e quando tiver o retorno do servidor passar para o default.

    Eu consegui colocar o wait no onclick dos botoes, mas se eu clico no botão e possui alguma validação e não fazer o postback

    irá mudar o cursor e ai não volta para default, porque nao teve o postback.

    Alguém sabe algum modo?

    Att.,

    terça-feira, 19 de junho de 2012 17:22

Respostas

  • Consegui resolver o problema...

    Desta maneira:

    <head id="Head1" runat="server">
        <title>Sistema Delivrey</title>
        <script type="text/javascript" language="javascript">
            function setHourglass() {
                document.body.style.cursor = 'progress';
            }
        </script>
    </head>
    <body onunload="setHourglass();">
        <form id="form1" runat="server" onsubmit="setHourglass();">

    Abraços..

    quarta-feira, 27 de junho de 2012 01:34

Todas as Respostas

  • <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style>
    body, html{
    	height: 100%;	
    }
    </style>
    <script language="javascript" type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
    <script>
    function enviar_form(){
    		
    	var nome = $('#nome').val();
    	
    	if(nome.length < 3){
    		alert('Preencha o campo nome');	
    		return false;
    	}
    	
    	$('body').attr('style', 'cursor:wait;');
    		
    	return false;
    }
    
    function remove_cursor(){
    	$('body').removeAttr('style');	
    }
    </script>
    </head>
    
    <body>
    
    <form method="post">
    <input id="nome" name="nome" size="10" /><br />
    <input type="submit" value="Enviar" onclick="return	enviar_form();" />
    </form>
    </body>
    </html>
    
    Espero ter ajudado.



    Não esqueça de marcar como útil uma resposta que te ajude.
    "A diversão é a alma do negócio"

    quarta-feira, 20 de junho de 2012 14:02
  • Olá Lucas,

    então não funcionou para mim, porque...

    Eu estou usando dois plugin do jquery ja e também os validadores estou usando os validators do asp.net..

    Ai acho que um dos dois está bloqueando o jquery.

    São eles

      <script src="../App_Themes/Scripts/jquery-1.3.2.js" type="text/javascript"></script>
        <script src="../App_Themes/Scripts/jquery.helper.js" type="text/javascript"></script>

    Será que pode ser eles? Os textbox estão dentro do popup do jquery. Mas eu criei um projeto e funciona, mais no meu caso nao esta dando certo..

    Sabe como resolver será?



    quinta-feira, 21 de junho de 2012 00:54
  • Amigo,

    O código que eu passei foi só um exemplo do que você pode fazer, não era uma solução final. Eu utilizei alguns códigos simples que só de ter o JQuery na página ele vai funcionar...no seu caso você quer que o WAIT apareça dentro dessa MODAL correto? Então você vai precisar mapear os eventos...ver o que dispara o que e utilizar esse código que eu passei, no exemplo que eu passei eu estou colocando o cursor em BODY...no seu caso você teria que pegar o ID da sua modal e mandar ele adicionar esse atributo "cursor". Se o seu projeto estiver publicado em algum lugar me envie o link(lucasvandor@gmail.com) que eu te ajudo.

    Boa sorte!


    Não esqueça de marcar como útil uma resposta que te ajude.
    "A diversão é a alma do negócio"

    quinta-feira, 21 de junho de 2012 12:56
  • Lucas,

    Tipo o wait pode aparecer no body mesmo, só não estou conseguindo colocar no body.
    Porque se tiver no body no modal vai pegar o wait também...
    Eu acho que o problema é que não está sendo disparado o val do JQuery.. Mandei a tela do projeto no seu e-mail, para você ver como estou fazendo.

    Obrigado..

    sexta-feira, 22 de junho de 2012 00:44
  • Consegui resolver o problema...

    Desta maneira:

    <head id="Head1" runat="server">
        <title>Sistema Delivrey</title>
        <script type="text/javascript" language="javascript">
            function setHourglass() {
                document.body.style.cursor = 'progress';
            }
        </script>
    </head>
    <body onunload="setHourglass();">
        <form id="form1" runat="server" onsubmit="setHourglass();">

    Abraços..

    quarta-feira, 27 de junho de 2012 01:34
  • Diego, Marque a resposta para ajudar a quem tiver a mesma dúvida.

    Abç!


    É possível sim! Ponha isso na sua cabeça. É possível. "Steve Jobs"

    Eduardo Pires
    www.eduardopires.net.br

           

    quarta-feira, 27 de junho de 2012 12:42