Função Javascript sem carregar a página inteira

Question

Bom dia, Pessoal, tudo bom?

 

Seguinte, estou com um problema.

Tenho uma aplicação Web(Asp.NET/C#) que tem muitos div's, e eles piscam atráves de uma função javascript.

Até ai beleza, tenho essa função, os Div's piscam perfeitamente. O meu problema está no seguinte, tenho um Timer em Minha página que utilizo para atualizar um UpdatePanel a cada segundo, e no método pelo .CS eu chamo essa função javascript que pisca meus div's.

Estou passando dessa forma:

 public void Atualizar(object sender, EventArgs e)
    {

        ScriptManager.RegisterStartupScript(this, this.GetType(),
            "Alarme", "window.onload = function(){setInterval('alerta1(" + alarmes.Atributo1  + ");alerta2(" + alarmes.Atributo2 + ");alerta3(" + alarmes.Atributo3          + ");alerta4(" + alarmes.Atributo4 + ");', 500)};", true);

}

 

PAsso como parâmetro para essa função script um valor retornado do banco (0 ou 1).

O problema é que se ele executa uma vez e não tem erro nenhum (0), beleza, ai na próxima vez que ele atualizar, e pega um erro (1), minha função não pisca, pois a página não atualizou inteira. Ao contrário acontece igual, se a primeira vez tiver erro (1) e roda o script, pisca perfeitamente, mas ai nas outras vezes que não tiver mais erro, continua piscando, só´para se eu dar F5 na página.

 

Não sei como resolver isso, preciso que a função seja executada dinamicamente, já tentei de tudo.

Podem me ajudar, por favor?

 

Grato desde já!
 

Answer 1

Ninguém? =/

Answer 2

Alguém?

Answer 3

Boa tarde,

para ser sincero não entendi o motivo pela qual você executa o JavaScript pelo server-side. Qual a sua intenção ao fazer isso ? Seria vincular o Timer da página à execução do JS ?

Abraços,

---

Daniel Cheida de Oliveira

Answer 4

Exato.

 

 

Answer 5

Para garantir que toda a página tenha sido carregada ao executar uma função JS, a função deve ser colocada no Head da página, pois ele é carregado antes do Body.

Suas funções (alerta1, alerta2..) estão no Head ?

Abraços,

---

Daniel Cheida de Oliveira

Answer 6

Daniel, na verdade, eu uso Master Page, então essa página herda tudo da Master. Minhas funções estão dentro de um CONTENT nessa página...

Answer 7

Bom dia,

entendo que suas informações estão dentro de ContentPlaceHolder, a questão é, onde este Content está ? No Body ou no Head da página. Não se esqueça de que o resultado da sua página é sempre HTML, e quande se trata de JavaScript é com o momento da execução que você deve se preocupar.

Abraços, 

---

Daniel Cheida de Oliveira

Answer 8

Alguém?

Answer 9

esperimente colocar esse código no overide do evento Render da pagina,.,.,

não esqueça de apó você fazer isso chamar o base.Render(). para que possa continuar a renderização

---

Robson Gmack Programador e Fan .net \o/

Answer 10

Como faço isso?

Answer 11

Como resolve isso? =/

Já estou sem alternativas...

Answer 12

Ninguém mesmo?

Answer 13

Ninguém pode me ajudar mesmo? =/

Answer 14

Alguém, por favor?

Answer 15

Olá Programador.C,

 

Você esta atachando a função ao evento window.onload, mas o onload da pagina só ocorre em seu carregamento, o updatePanel não chama esse evento após o Update.

Para resolver isso tente chamar o evento Sys.WebForms.PageRequestManager.getInstance().add_endRequest:

 

ScriptManager.RegisterStartupScript(
                            this, 
                            this.GetType(), 
                            "Alarme", 
                            "<script language='javascript'>Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){alert('x');});</script>", 
                            false);

Fiz os testes e funcionou corretamente.

 

 

 

Answer 16

Só substitui o que já estou chamando ou chama a que eu já estou chamando e mais essa?

Answer 17

Cara, até funcionou, chamei assim:

 

ScriptManager.RegisterStartupScript(this, this.GetType(), "Alarme",
                                "<script language='javascript'>Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){setInterval('alertaMMA(" + alarmes.AtributoSegmentoMMA1 + ");piscarBox1(" + alarmes.Intermitente1
              + ");piscarBox2(" + alarmes.Intermitente2 + ");piscarBox3(" + alarmes.Intermitente3 + ");piscarBox4(" + alarmes.Intermitente4 + ");', 500)});</script>",
                                false);

 

 

 

Mas ficou enlouquecido o pisque com o Set Interval e outra, ele demora pra piscar, não pisca assim que a página carrega...

Perfeito, tirando isso, acredito que funcionou perfeitamente, me salvou...

 

Answer 18

Na verdade, mesmo assim não funcionou..

 

Testei agora, e se ele começa a piscar, não para mais, precisei dar um F5 pra parar de piscar... =/

Answer 19

Olá  Progamador.C

 

Tudo leva a conclusão que a função Javascript que esta errada.

No momento em que o servidor retornou a chamada javascript, ele não tem mais nenhuma interação com a função do lado do cliente, apenas a chamada.

Se após a chamada o comportamente não é o esperado, olhe a função js. Ou poste ela aqui.

 

Abraços.

 

---

Atenciosamente Fernando Henrique Silva www.metaora.com.br

Answer 20

function alerta1(erro)//Caminhão
{
    switch(erro)
    {
        case 0://NORMAL
                var div1 = document.getElementById('ctl00_cphConteudo_divMMA1'); 
                var div2 = document.getElementById('ctl00_cphConteudo_divMMA2'); 
                var div3 = document.getElementById('ctl00_cphConteudo_divMMA3'); 
                var div4 = document.getElementById('ctl00_cphConteudo_divMMA4'); 
                var div5 = document.getElementById('ctl00_cphConteudo_divMMA5');                     
                
                    div1.style.display = 'block';    
               
                    div2.style.display = 'block';               
                
                    div3.style.display = 'block';
               
                    div4.style.display = 'block';
                    
                    div5.style.display = 'block';
                
            break;        
    
        case 1://Piscante 
                var div1 = document.getElementById('ctl00_cphConteudo_divMMA1'); 
                var div2 = document.getElementById('ctl00_cphConteudo_divMMA2'); 
                var div3 = document.getElementById('ctl00_cphConteudo_divMMA3'); 
                var div4 = document.getElementById('ctl00_cphConteudo_divMMA4'); 
                var div5 = document.getElementById('ctl00_cphConteudo_divMMA5'); 
                    
                if(div1.style.display == 'block')                
                {
                div1.style.display = 'none';                  
                }                
                else
                {           
                div1.style.display = 'block';    
                }
                if(div2.style.display == 'block')                
                {
                div2.style.display = 'none';                
                }                
                else
                {           
                div2.style.display = 'block';
                }
                if(div3.style.display == 'block')                
                {
                    div3.style.display = 'none';                  
                }                
                else
                {           
                    div3.style.display = 'block';
                }
                if(div4.style.display == 'block')                
                {                
                    div4.style.display = 'none';                    
                }                
                else
                {           
                    div4.style.display = 'block';
                }
                if(div5.style.display == 'block')                
                {
                div5.style.display = 'none';                   
                }                
                else
                {           
                div5.style.display = 'block';
                }
            break;           
    }
}

Uma das funções é essa, as outras são "iguais"...

Answer 21

Boa tarde  Progamador.C

 

Na verdade, precisa mudar a função js, e a chamada dela!

seguinte, no final da função alerta, adicione o código:

 

if(countAlerta1 <=5)
            setTimeout(function () { alerta1(erro) }, 500);

countAlerta1++;

 

Crie a variável countAlerta1 fora da função.

No if(countAlerta1 <=5), defina quantas vezes você quer que pisque.

 

 

A chamada das funções pelo servidor não deve ser chamado com o SetInterval, assim como eu havia postado anteriormente:

ScriptManager.RegisterStartupScript(
                            this, 
                            this.GetType(), 
                            "Alarme", 
                            "<script language='javascript'>Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){alert('x');});</script>", 
                            false);

Eu fiz um teste simples e funcionou, faça o teste.

 

 

---

Atenciosamente Fernando Henrique Silva www.metaora.com.br

Answer 22

Se vc não quer que sua pagina pisque, basta utilizar o preventDefault(), da uma pesquisadinha é bem simples.

Answer 23

Não tem como fazer com o SetInterval, Fernando?

 

Dessa forma que você fez não sei se seria viável...

Queria manter o SetInterval.

Answer 24

Bom dia Progamador.C

 

Então, o setInterval deveria estar dentro da própria função, que é aquele código que postei com o setTimeout.

---

Atenciosamente Fernando Henrique Silva www.metaora.com.br

Answer 25

Entendi.

Na chamada pelo servidor, eu preciso passar como parâmetro 0 ou 1, que vem do banco.

 

Do modo que você colocou, não daria né?

Answer 26

Progamador.C

 

Veja o código:

 

var countAlerta1 = 0;
function alerta1(erro)//Caminhão
{
    switch(erro)
    {
        case 0://NORMAL
            var div1 = document.getElementById('ctl00_cphConteudo_divMMA1'); 
            var div2 = document.getElementById('ctl00_cphConteudo_divMMA2'); 
            var div3 = document.getElementById('ctl00_cphConteudo_divMMA3'); 
            var div4 = document.getElementById('ctl00_cphConteudo_divMMA4'); 
            var div5 = document.getElementById('ctl00_cphConteudo_divMMA5');                     
                
            div1.style.display = 'block';    
            div2.style.display = 'block';               
            div3.style.display = 'block';
            div4.style.display = 'block';
            div5.style.display = 'block';
                
            break;        
    
        case 1://Piscante 
            var div1 = document.getElementById('ctl00_cphConteudo_divMMA1'); 
            var div2 = document.getElementById('ctl00_cphConteudo_divMMA2'); 
            var div3 = document.getElementById('ctl00_cphConteudo_divMMA3'); 
            var div4 = document.getElementById('ctl00_cphConteudo_divMMA4'); 
            var div5 = document.getElementById('ctl00_cphConteudo_divMMA5'); 
                    
            if(div1.style.display == 'block')                
            {
            div1.style.display = 'none';                  
            }                
            else
            {           
            div1.style.display = 'block';    
            }
            if(div2.style.display == 'block')                
            {
            div2.style.display = 'none';                
            }                
            else
            {           
            div2.style.display = 'block';
            }
            if(div3.style.display == 'block')                
            {
                div3.style.display = 'none';                  
            }                
            else
            {           
                div3.style.display = 'block';
            }
            if(div4.style.display == 'block')                
            {                
                div4.style.display = 'none';                    
            }                
            else
            {           
                div4.style.display = 'block';
            }
            if(div5.style.display == 'block')                
            {
            div5.style.display = 'none';                   
            }                
            else
            {           
            div5.style.display = 'block';
            }

            //########################################################
            //########################################################
            if(countAlerta1 <=5){//AJUSTE A QUANTIDADE PARA QUE AO FINAL, O PANEL FIQUE VISIVEL OU NÃO CONFORME NECESSIDADE
                setTimeout(function () { alerta1(erro) }, 500);
                countAlerta1++;
            }
            else{
                countAlerta1=0;
            }
            //########################################################
            //########################################################
            
            break;           
    }
}

Repare que é a mesma função que você postou, com um código adicional que irá chamar a própria função X vezes.

 

A chamada:

ScriptManager.RegisterStartupScript(
                            this, 
                            this.GetType(), 
                            "Alarme", 
                            "<script language='javascript'>Sys.WebForms.PageRequestManager.getInstance().add_endRequest(function(){alerta1(" + alarmes.Atributo1  + ");});</script>", 
                            false);

Aqui irá chamar a função alerta1 passando uma variável que retornará um inteiro.

 

 

 

 

---

Atenciosamente Fernando Henrique Silva www.metaora.com.br

Answer 27

Valeu, vou testar novamente.

E já te falo.

 

Muito obrigado ein, Fernando.

Answer 28

Cara, fiz igualzinho, segui todos os passos...

 

E não funcionou =/

Ele até pisca, mas não para nunca mais se eu passar o atributo como 1 HAHA só se eu dar F5 ele para...

Answer 29

Olá  Progamador.C!

Então, criei a mesma função e funcionou, apenas criei um Timer pra ficar chamando o servidor, e do servidor retorno o script que chama o javascript, tudo "lindo".

Execute a aplicação no Chrome, abra o Developer Tools, vá em Scripts, acha a pagina, coloque breakpoints na função e chame ela manualmente pelo commandline...

 

Acho que só debugando mesmo, como o meu exemplo funcionou, fiquei de mãos atadas, infelizmente...

 

 

 

---

Atenciosamente Fernando Henrique Silva www.metaora.com.br