Ir ao conteúdo
  • Cadastre-se
gustavogervasio

AjaxPage Problema

Recommended Posts

E ae galera tudo bom?

to prescisando de uma grande ajuda, pesquisei em alguns foruns e ainda não consegui resolver meu problema então resolvi postar aqui.

É o seguinte tenho uma página index e para que não recarregue todas as imagens,que são as mesmas, nas outras páginas estou chamando a div pela função ajaxpage, mas não to conseguindo chamar, ta dando erro, a imagem não é carregada.

vou por meu código aqui:

INDEX.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- Javascript que contém o load dinâmico para as demais páginas. Deve ser carregado estaticamente. -->

<script language="javascript" type="text/javascript" src="dynamic_load.js"></script>

<!-- Definições de load dinâmico -->

<script language="javascript" type="text/javascript">

<!-- Load dinâmigo das folhas de estilo -->

loadobjs("estilo.css");

</script>

<title>eVg Sistemas</title>

</head>

<!--estabelecendo a hierarquia da página, chamando a class conteudo-->

<div class="conteudo">

<!--class logo_evg, imagem do logo-->

<a href="index.php" id="logo_evg"> </a>

<!--class empresa, imagem do botão empresa-->

<a href="empresa.php" class="empresa"></a>

<!--class solucao, imagem do botão solução-->

<a href="solucao.php" class="solucao"></a>

<!--class suporte, imagem do botão suporte-->

<a href="suporte.php" class="suporte" ></a>

<!--class fale, imagem do botão fale_conosco-->

<a href="fale_conosco.php" class="fale" ></a>

<!--class borda_esq, imagem da borda esquerda-->

<div class="borda_esq"></div>

<!--class meio, imagem de fundo-->

<div class="meio"></div>

<!--class borda_dir, imagem da borda direita-->

<div class="borda_dir"></div>

<!--class rodape, imagem do rodape-->

<div id="rodape"></div>

<script language="javascript" type="text/javascript">

ajaxpage('footer.php','rodape');

</script>

</div>

<body>

</body>

</html>

FOOTER.PHP // PAGINA QUE CONTEM A DIV A SER CARREGADA COM A IMAGEM

<div style="background-image: url(imagens/rodape.jpg)">

</div>

dynamic_load PÁGINA COM A FUNÇÃO AJAXPAGE

/***********************************************

* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/

/**********************************************

Normal link:

<a href="javascript:ajaxpage('test.htm', 'contentarea');">test</a>

Absolute link:

<a href="javascript:ajaxpage(rootdomain+'/mydir/index.htm', 'contentarea');">test</a>

Add CSS:

<a href="javascript:ajaxpage('test.htm', 'contentarea'); loadobjs('external.css', 'feature.js')">test</a>

Sintax of loadobjs()

loadobjs('external.css') //load one CSS file

loadobjs('external.css', 'external2.css', 'feature.js') //load 2 CSS files & 1 JS file

loadobjs('feature.js', 'feature2.js', 'feature3.js') //load 3 JS files

****************************************************/

var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)

var loadedobjects=""

var rootdomain="http://"+window.location.hostname

var bustcacheparameter=""

function ajaxpage(url, containerid){

cursor_wait();

var page_request = false

if (window.XMLHttpRequest) // if Mozilla, Safari etc

page_request = new XMLHttpRequest()

else if (window.ActiveXObject){ // if IE

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

} catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

} catch (e){}

}

} else

return false

page_request.onreadystatechange = function(){

loadpage(page_request, containerid)

}

if (bustcachevar) //if bust caching of external page

bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()

page_request.open('GET', url+bustcacheparameter, true)

page_request.send(null)

cursor_clear();

}

function loadpage(page_request, containerid){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))

document.getElementById(containerid).innerHTML=page_request.responseText

}

function loadobjs(){

if (!document.getElementById) return

for (i=0; i<arguments.length; i++){

var file=arguments

var fileref=""

if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding

if (file.indexOf(".js")!=-1){ //If object is a js file

fileref=document.createElement('script')

fileref.setAttribute("type","text/javascript");

fileref.setAttribute("src", file);

} else if (file.indexOf(".css")!=-1){ //If object is a css file

fileref=document.createElement("link")

fileref.setAttribute("rel", "stylesheet");

fileref.setAttribute("type", "text/css");

fileref.setAttribute("href", file);

}

}

if (fileref!=""){

document.getElementsByTagName("head").item(0).appendChild(fileref)

loadedobjects+=file+" " //Remember this object as being already added to page

}

}

}

O galera to prescisando muito dessa ajuda, se alguem poder me ajudar agradeço muito. Não sei se fui muito claro, qualquer dúvida estou aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×