Ir para conteúdo

POWERED BY:

Arquivado

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

Fábio Leandro

Carregando... em ajax

Por , em Javascript

Recommended Posts

Fábio Leandro    0

Fábio Leandro
Postado

olá pessoal.alguem de voces sabem como posso inserir em meu site, a cada vez que o usuario clicar em algum determinado link, uma mensagem carregando no centro da minha pagina?como posso fazer isso, onde devo inserir o codigo?por favor me expliquem detalhadamente, pois sou leigo ainda.muito obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

woodstock    0

woodstock
Postado

nao precisa ajax, se entendi o que voce quer poderia fazer da seguinte forma

 

crie a funcao que mostrara o loading.... e carregara a pagina

 

<script>function link(url) {loading.style.visibility = 'visible';window.location = url}</script>

crie um div oculto, com o texto loading...

 

<div id='loading' style="position: absolute; width: 85; height: 23; left: 360; top: 240; visibility: hidden">loading...</div>

para cada link do site, utilize essa referencia

 

<a href="java script:link('http://www.carrosparticulares.com.br')">link</a>

com a url que você deseja carregar...

 

testa ai e posta qualquer duvida, abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

rdsat    0

rdsat
Postado

Bom vamos ver se isso aqui te ajuda ...Dentro da sua pagina onde você vai carregar as informações<?phpheader("Content-type: text/html; charset=ISO-8859-1", true);?><style type="text/css">.carregando {font-family: Arial, Helvetica, sans-serif;font-size: 12px;text-transform: none;color: #FF0000;text-align: center;border: 1px dashed #999999;position: relative;visibility: hidden;left: 15%;height: 100px;width: 400px;}</style><script language="JavaScript" type="text/JavaScript">function Ajax(url,campo) {elem = campo;document.getElementById('carregando').style.visibility = "visible";if (window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { alert("Seu navegador não suporta XMLHttpRequest."); return; }req.open("GET", url, true);req.onreadystatechange = processReqChange;req.send(null); }function processReqChange() {if (req.readyState == 4) {if (req.status == 200) {document.getElementById('carregando').style.visibility = "hidden";var texto = unescape(req.responseText.replace(/\+/g , " "));document.getElementById(elem).innerHTML = texto;extraiScript(texto);}}}</script></head><body onLoad="java script:Ajax('meuarquivo.php','conteudo')"><html><div class="conteudo" id="conteudo"><div class="carregando" id="carregando" align="center"><table width="400" height="100" border="0" cellpadding="0" cellspacing="0"><tr><td>Por favor Aguarde enquanto suas informações são carregadas<img src="images/carregando.gif" width="22" height="22"></td></tr></table></div></div></body></html>coloque também isto header("Content-type: text/html; charset=ISO-8859-1", true); no inicio do tue arquivo .php que será chamado pelo ajax para que não tenha problemas com acentos.Espero ter ajudado.belezaflow

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fábio Leandro    0

Fábio Leandro
Postado

Muito obrigado pessoal, mas eu encontrei uma outra maneira de mostrar a mensagem "carregando".

 

para quem quiser pesquisar este é o site:

 

http://www.diogomenezes.com/sub/artigos/vi...rtigo.php?aid=1

 

Eu resolvi o problema desta forma:

 

Esta é a minha função ajax.var xmlHttpfunction showCustomer(str){ xmlHttp=GetXmlHttpObject();if (xmlHttp==null)  {  alert ("Seu browser não possui suporte para AJAX");  return;  } var url="tabela_orcamento.asp";url=url+"?q="+str;url=url+"&sid="+Math.random();xmlHttp.onreadystatechange=stateChanged;xmlHttp.open("GET",url,true);xmlHttp.send(null);}//Aqui é a função que executa o OnReadyStateChange.function stateChanged() { /*Aqui é o codigo que verifica se o processo esta em andamento, caso esteja, é exibido a mensagem "carregando" numa DIV de nome "carregando". */if (xmlHttp.readyState==1){document.getElementById("carregando").innerHTML="Carregando..."}if (xmlHttp.readyState==4){ document.getElementById("txtHint").innerHTML=xmlHttp.responseText;/*Aqui, quando o processo já estiver terminado, é inserido uma mensagem nula no DIV mensagem, ou seja é apagado a mensagem anteriormente mostrada.*/document.getElementById("carregando").innerHTML=" ";}}

muito obrigado pessoal

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