Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

alysson122010

Sistema de loading em java script

Recommended Posts

Amigo, escreve direito senão não conseguimos entender sua dúvidas, tente ser claro.
Você deve postar em JS e não em PHP.

Os moderadores irão te transferir.

Compartilhar este post


Link para o post
Compartilhar em outros sites

OK minha duvida e o seguinte e sobre js e que eu errei mais de boa.

A duvida e sobre js .

Eu quero um código js que quando eu teja incirino no banco de dado (quando eu cliquar em cadastrar) ele fica uma imagem carregando depois e só mostrar a mensagem cadastrado

Compartilhar este post


Link para o post
Compartilhar em outros sites

então vc quer um script pronto?

Compartilhar este post


Link para o post
Compartilhar em outros sites

vou ver se tenho um aqui, q atenda sua demanda.

Compartilhar este post


Link para o post
Compartilhar em outros sites

acabei de fazer um.

vc pode baixar o gif aqui => http://www.jquery4u.com/demos/loading-images/

lembre de baixar o jquest.

 

form.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>loading com jquest</title>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script type="text/javascript">
    function carregando(){
        
        $.ajax({
            method: "get",
            url: "script.php",
        
        
            beforeSend: function(){
            $("#carregando").show();
        },
        
        complete: function(data){
             $("#carregando").hide();
             alert(data.responseText);
        }
        

        });
    }
</script>
</head>
<body>
<form action="" onsubmit="carregando(); return false;">

<input type="submit">
</form>
<div style="display: none" id="carregando">
    <img alt="" src="ajax-loader.gif">
</div>
</body>
</html>

 

 

 

 

script.php

 

<?php
sleep(3);

echo "mensagem generica de operação realizada com exito";

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se o que ele quer não estiver relacionado a ajax, basta usar .ready() do jquery, ele dispara a ação quando a página terminar de carregar, vale ressaltar que esse "terminar de carregar" não lê certos elementos, como imagens, ele atua mais sobre os elementos estruturais da página (html, css, js...). Caso queira a ção após todos os elementos estiverem carregados use .load().

Compartilhar este post


Link para o post
Compartilhar em outros sites

Uma pergunta tem como você arrumar um codigo que tipo quando a pessoa ta enviando o navegador no roda pé dele fica carregando o envio do arquivo ta 20% enviado 50% enviado so que eu possa pegar e resgatar para onde eu quiser colocar na pagina pra ele ficar mostrando pra a pessoa saber quanto falta pra enviar o video oque eu preciso e isso agora vlw :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.