Ir para conteúdo

POWERED BY:

Arquivado

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

mkboy

Carregando

Por , em Javascript

Recommended Posts

mkboy    1

mkboy
Postado

Opa,Estou precisando fazer algo do tipo:Quando o usuário acessar a página, não exibir o conteúdo dentro das <body>conteúdo</body> antes que o conteúdo seja carregado por completo!Não tenho nem idéia de por onde começar... podem me ajudar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alejandro    1

Alejandro
Postado

O básico de AJAX

function makeRequest(url) {   http_request = false;		if (window.XMLHttpRequest) {	   http_request = new XMLHttpRequest();		if (http_request.overrideMimeType) {		   http_request.overrideMimeType('text/xml');		}	}	else if (window.ActiveXObject) {	   try {		   http_request = new ActiveXObject("Msxml12.XMLHTTP");		} catch (e) {		   try {			   http_request = new ActiveXObject("Microsoft.XMLHTTP");			} catch (e) {}		}	}		if (!http_request) {	   window.alert("Não foi possível criar uma instância XMLHTTP");		return false;	}	/* Dados */	http_request.onreadystatechange = alertContents;	http_request.open('GET', url, true);	http_request.send(null);	return false; } function alertContents() {	if (http_request.readyState==4 || http_request.readyState=="complete") {		if (http_request.status==200) {			exibe.innerHTML = http_request.responseText;			document.getElementById("status").value = "OK!";		 }		 else {			document.getElementById("status").value = "Erro, tente novamente.";		 }	 }	 else {		document.getElementById("status").value = "Carregando";	 } }

Vo da uma explicada, a função makeRequest(url) é a base do ajax, ela vai criar a "conexão AJAX", ele tem um argumento, url, quando você usar essa função vai ser mais ou menos assim makeRequest("minha_pagina.html");

 

alertContents() vai ver se deu tudo certo e exibir a página. Importante, se o status for 200, significa que carrego tudo, a página vai ser exibida dentro de um campo de id="exibe", o document.getElementById("status") é um campo de formulario que eu criei que você pode por no topo da página informando o status, se está carregando, se deu algo de errado ou se carregou tudo certo.

 

Bom o html dessa página, bem simples séria:

<html><head> <title> Minha Página </title></head><body><table> <tr><form name="abertura">  <td><input type="text" id="status" size="20" /></br><!-- Aqui é um botão que vai fazer a pagina carregar --><input type="text" name="navegacao" onclick="makeRequest("minha_pagina.html")" /></form><div id="exibe"></div></body></htm>

Ao clica no botão vai carregar o arquivo minha_pagina.html e exibir.

OBS: isso vai funcionar para uma página do seu site, se tiver mais, vai ter que modificar algumas coisas.

 

no makeRequest a solução é criar um teste:

 

......				http_request.onreadystatechange = alertContents;				if(url==1) {					url = "primeira_pagina.html";				}				else if (url==2) {				   url = "segunda_pagina.html";				}				//.... é por ai vai...	http_request.open('GET', url, true);	http_request.send(null);	return false;.....

Aconselharia trocar o botão, por um select,

assim

 

<!-- O evento mudou agora, é onchange, vai enviar o valor que tiver na option que for selecionada --><select onchange="makeRequest(this.value)"> <option value="1"> Pagina UM </option> <option value="2"> Página DOIS </option>.... e assim vai</select>

Caracas, que texto, espero ter ajudado!

Isso é só uma sugestão.

 

Abraços

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