Aplicando loading personalizado na página

/*CSS*/

   <style type="text/css">

        .style1
        {
            width: 100%;
        }
        
         .style9
        {
            font-family: Verdana;
            font-size: 8pt;
            text-decoration: none;
        }
     #LoadDiv
        {
            visibility: hidden;
            position: absolute;
            top: 0;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        #LoadDiv #imgLoad
        {
            position: absolute;
            margin-left: -63px;
            top: 400px;
            left: 50%;
            z-index: 2;
            vertical-align: middle;
            text-align: center;
        }
        #LoadDiv #AreaOpaca
        {
            position: absolute;
            top: 0;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 1;
            background-color: Gray;
            opacity: 0.4;
            filter: alpha(opacity=40);
        }
    </style>


/*Código HTML*/

  <div id="LoadDiv">
            <div id="imgLoad">
                <img src="Imagens/loading.gif" /><br />
                <span class="style9">Carregando ...</span>
            </div>
            <div id="AreaOpaca">
            </div>
        </div>


/*Código C# colocado no pageLoad*/

btnSalvar.Attributes["onClick"] = 
"document.getElementById('LoadDiv').style.visibility = 'visible';";

Comentários

Postar um comentário

Os códigos postados aqui são uma seqüência de instruções de forma ordenada, não compilada para o código de máquina, em uma determinada linguagem de programação.
Ajude a melhorar esses códigos.

Postagens mais visitadas deste blog

Funcão SQL para abreviar nomes

CREATE FUNCTION dbo.Abrevia ( @nome varchar (200) ) RETURNS varchar (25) AS BEGIN declare @aux varchar (120) declare @aux2 varchar (25) declare @fim varchar (25)   --Pegar o primeiro nome set @fim= left (@nome,charindex( ' ' ,@nome)) set @aux=@fim --Inicializa variável set @aux2= '' --Inicializa variável --Enquanto tem nomes do meio while len(@aux)>0 begin --pega primeiro nome set @aux= left (@nome,charindex( ' ' ,@nome)) --remove primeiro nome set @nome=ltrim(replace(@nome,@aux, '' )) --exclui de,da,dos(da silva, dos santos..) if charindex( ' ' ,@nome)>4 begin --Abrevia com . set @aux2=@aux2+ substring (@nome,1,1)+ '. ' end end --concatena tudo(primeiro nome+abreviações+último select @fim=@fim+@aux2+@nome nome) RETURN ( @fim ) END
Leia mais

Função em JavaScript para consulta de CEP com retorno em XML ou Json

Para criar uma biblioteca em JavaScript que consulta um CEP e retorna os dados em XML ou JSON, podemos utilizar uma API pública que realiza essa consulta e retorna a resposta no formato desejado. Nesse exemplo, vamos utilizar a API do ViaCEP, que permite realizar consultas de CEP e retornar os dados em JSON ou XML. O código a seguir mostra uma implementação simples de uma função que consulta um CEP utilizando a API do ViaCEP e retorna os dados em XML ou JSON, dependendo do formato especificado: function consultarCEP(cep, formato, callback) { var url = 'https://viacep.com.br/ws/' + cep + '/' + formato + '/'; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var resposta = xhr.responseText; if (formato == 'json') { callback(JSON.parse(resposta)); } else { callback(resposta); } ...
Leia mais