Ir para conteúdo

Arquivado

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

Kelven

AJAX carregando

Por , em Javascript

Recommended Posts

Kelven    1

Kelven
Postado

galera sei que esse script aqui é para funcionar depois que o documento tiver carregado:

$(document).ready(function(){as coisas todas})

 

sei que o ready fala que só vai executar a função depois que o documento carregar, porem o que eu queria saber é qual a palavra que coloca no lugar do ready para que execute a função enquanto o documento não carregar, tipo:

$(document).enquanto_o_documento_não_carregar(function(){as coisas tudo})

 

Alguém sabe?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

so colocar sem isso ai.

 

vai rodar o script, assim que ler ele.. de cima pra baixo.

 

e ai no window.onload você remove oque você fez. (window.onload significa carregar por completo)

document.ready so espera o DOM carregar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kelven    1

Kelven
Postado

é porque tipo, eu queria fazer que nem o aqueles efeitos de em quanto a pagina não abre, exibe um gif carregando ou coisa do tipo, e ai só abre a pagina toda e sai o gif quando toda a pagina tiver sido carregada. entende?

Compartilhar este post

Link para o post
Compartilhar em outros sites

nelsonsar    0

nelsonsar
Postado

galera sei que esse script aqui é para funcionar depois que o documento tiver carregado:

$(document).ready(function(){as coisas todas})

 

sei que o ready fala que só vai executar a função depois que o documento carregar, porem o que eu queria saber é qual a palavra que coloca no lugar do ready para que execute a função enquanto o documento não carregar, tipo:

$(document).enquanto_o_documento_não_carregar(function(){as coisas tudo})

 

Alguém sabe?

 

Então, cara, eu não conheço, mas, você pode fazer o seguinte:

 

<head>


function carregando()
{
... faz alguma coisa
}

//Executa a cada segundo independente se carregou tudo ou não...
var intervalo = setInterval("carregando()", 1000);

$(document).ready(function() {
//Carregou tudo!
clearInterval(intervalo);

});

</head>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kelven    1

Kelven
Postado

umm cara isso ai ainda não dava porque ele tem tipo mesmo se não tivesse carregado tudo o que valia pra ela era o tempo.

 

tipo isso aqui galera, eu achei em java o que é parece eu testei e deu certo, só que é muito grande

<html>

<HEAD>

<TITLE>Teste</TITLE>
<script language="JavaScript">
<!-- //Courier New,Courier,fixed,
function OnLoad() {
if (document.getElementById) // IE5 NN6
document.getElementById("loading").style.visibility="hidden";
else if (document.layers) // NN4
document.loading.visibility="hidden";
else if (document.all) // IE4
document.all.loading.style.visibility="hidden";
}
-->
</script>
<body bgcolor="#000000" onload="OnLoad()">
<div align="center" id="loading" style="width: 700px; height: 500px; background-color: black; position: absolute; top: 1; left: 1;">
<font color="#ffffff">Carregando... Por favor espere.</font>
</div>
<center>
<img src="http://www.angelo.com.br/images/t29_11.gif" border="0" alt="">
</body>
</html>

 

eu vi o nome da função é onLoad, parece que ela só executa enquanto a pagina não carregou ou eu estou errado?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

é exatamente oque eu disse.

 

tem algo lá que não espera nada.

 

ai no evento onload da janela (window) [window.onload], no caso usaram o body para disparar, desfaz o treco.

 

foi oque eu disse.

se quiser simplificar:

<html>
<head>
<script type="text/javascript">
window.onload = function(){
  document.getElementById('loading').style.display = 'none';
}
</script>
<body>
  <div id="loading">
     Carregando... Por favor espere.
  </div>
</body>
</html>

pronto, é isso.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kelven    1

Kelven
Postado

beleza, faz pouco tempo que eu comecei a mecher com AJAX, mas me parece que esse ai ta em javascript,

e se eu quiser fazer em AJAX ele teria tipo começava uma função antes de tudo sem esperar nada, e colocava o $(document).ready para desativar a função que começa sem esperar nada, dessa forma a função a função inicial desapareceria, certo? Mas eu vi em algum lugar que esse $(document).ready é pra ve só se o corpo ja carregou, não todas as imagens e textos que tem no site, eu estou certo?

 

Pode fazer um exemplo de como ficaria em AJAX?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não existe nenhum motivo para usar ajax nisso.

 

ajax é uma metodologia da linguagem javascript, e não uma outra linguagem

 

$(document).ready é a chamada do Framework jQuery, que é escrito em javascript.

 

 

a linguagem é javascript.

Não dá para eu te escrever um exemplo disso em ajax, pq não da para encaixar ajax nisso.

Ajax não é oque você está pensando.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kelven    1

Kelven
Postado

é porque eu queria fazer no caso assim tipo, uma imagem que esta no site por exemplo e ela só vai aparecer quando estiver totalmente carregada em quanto não for carregada aparece o gif carregando no lugar da imagem, e eu quero fazer em ajax porque ja vou usar muita coisa em ajax ai queria usar só o ajax para não bagunçar.

e tipo seria melhor pra mim colocar na imagem com ajax porque eu colocaria só $("img").onLoad e ai vai, assim funciona?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, de novo isso não tem nada a ver com ajax

 

leia ajax como requisições (as)?sincronas ao servidor, e de novo você não está fazendo isso, e não precisa fazer isso.

 

o teu problema, pode ser tanto resolvido com jQuery que é apenas um framework javascript, ou com javascript, que é a linguagem de verdade por trás disso.

 

de novo: não tem nada a ver com ajax. Tire isso da cabeça.

Procure por pre-load de imagens, você verá como carregar a imagem em memoria.

 

Ai sim, no evento .onload da imagem, você saberá que a imagem está carregada. E ai você pode remover o gif.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kelven    1

Kelven
Postado

vixe cara eu tava vacilando mesmo, eu tava falando era de jquery mesmo e não de ajax, eu queria fazer isso era em jquery, é porque como eu estou começando e comecei a estudar primeiro o jquery depois o ajax ai toda hora confundo os dois. foi mal,

então eu posso fazer assim

$("img#imagem").onLoad(function(){
exibi o gif
})
$("img#imagem").ready(function(){
retira o gif
})

 

assim ta certo né?

esse exemplo to tentando com jquery.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não.

 

você inverteu as coisas ai.

qndo for disparado o .onload da image, então ela estará carregada.

 

e assim cara, só dica pessoal.

Estude javascript. Afinal jQuery é baseado em javascript. A tua duvida é pq você não sabe a linguagem, e não vai ser o fw q vai te ajudar a evoluir.

Eu sou contra essa ideia de aprender o FW sem saber a linguagem por tras. Mas ai é gosto meu.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito