Ir para conteúdo

Arquivado

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

guilherme014

Ajax - s em carregamento

Recommended Posts

ajax.js

 

<script>function ajaxLoader(url,id) {	if (document.getElementById) {		var x = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();	}	if (x) {		x.onreadystatechange = function() {			if (x.readyState == 4 && x.status == 200) {				el = document.getElementById(id);				el.innerHTML = x.responseText;			}		}		x.open("GET", url, true);		x.send(null);	}}</script>

para usar este codigo eu faço

 

<a href="java script:;" onClick="ajaxLoader('paginas/atendimento/atendimento.php','contentLYR')" class="texto">atendimento/convênios </a>

aonde ele carrega é.

 

<div id="contentIndex"></div>

 

2 problemas eu tenho.

 

1º - quando entro na página inicial fica em branco como chamar a pagina para ser carregado dentro desta div ?

2º - como colocar o carregando nisto ai ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

primeiro:

function (){	var r = false;	if(window.XMLHttpRequest){		try{			r= new XMLHttpRequest();		}catch(e){			r= false;		}	} else if(window.ActiveXObject) {		try {			r= new ActiveXObject("Msxml2.XMLHTTP");		}catch(e){			try{				r= new ActiveXObject("Microsoft.XMLHTTP");			}catch(e){				r= false;			}		}	}	return r;	}
use esse jeito dai para achar o objeto do XmlHttpRequest que é o mais compativel que já achei;segundo:

1º - quando entro na página inicial fica em branco como chamar a pagina para ser carregado dentro desta div ?

quer carregar qundo a pagina garregada ? no body coloque onload="ajaxLoader('paginas/atendimento/atendimento.php','contentIndex')"e terceiro:o código completo com sua segunda pergunta
<script>function ajaxLoader(url,id) {	var x = function (){	var r = false;	if(window.XMLHttpRequest){		try{			r= new XMLHttpRequest();		}catch(e){			r= false;		}	} else if(window.ActiveXObject) {		try {			r= new ActiveXObject("Msxml2.XMLHTTP");		}catch(e){			try{				r= new ActiveXObject("Microsoft.XMLHTTP");			}catch(e){				r= false;			}		}	}	return r;	}		x.open("GET", url, true);		document.getElementById(id).innerHTML = 'Carregando';		x.send(null);		x.onreadystatechange = function() {			if (x.readyState == 4 && x.status == 200) {				var el = document.getElementById(id);				el.innerHTML = x.responseText;			}		}}</script>
obs: dá para melhor e muito essa sua função.

Compartilhar este post


Link para o post
Compartilhar em outros sites

tinha feito de cabeça ... mas testei agora ...

 

function ajaxLoader(url,id) {	var f,r;	f = this;	r = function (){		var r = false;		if(window.XMLHttpRequest){			try{				r= new XMLHttpRequest();			}catch(e){				r= false;			}		} else if(window.ActiveXObject) {			try {				r= new ActiveXObject("Msxml2.XMLHTTP");			}catch(e){				try{					r= new ActiveXObject("Microsoft.XMLHTTP");				}catch(e){					r= false;				}			}		}		return r;	}	this.objeto = document.getElementById(id);	x = r();	x.open("GET", url, true);	this.objeto.innerHTML = 'Carregando';	x.send(null);	x.onreadystatechange = function(o) {		if (x.readyState == 4 && x.status == 200) {			f.objeto.innerHTML = x.responseText;		}	}}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Posso chamar a função AjaxLoader em um link ? Por exemplo:<li><a href="ajaxLoader('pagina a ser carregada,'conteudo')">Pagina 1</a></li>Em pagina a ser carregada, quando a pagina está no mesmo nível de diretorio, como especifíco o caminho ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Posso chamar a função AjaxLoader em um link ? Por exemplo:<li><a href="ajaxLoader('pagina a ser carregada,'conteudo')">Pagina 1</a></li>Em pagina a ser carregada, quando a pagina está no mesmo nível de diretorio, como especifíco o caminho ?

Tente assim:<a href="java script: ajaxLoader('pagina a ser carregada,'conteudo')">Pagina 1</a>ou melhor assim:<a href="http://pagina a ser carregada" onclick="ajaxLoader('pagina a ser carregada,'conteudo'); return false;">Pagina 1</a>

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.