Ir ao conteúdo
  • Cadastre-se

AjaxPage Problema


gustavogervasio

Posts recomendados

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.

Link para o comentário
Compartilhar em outros sites

Arquivado

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

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades 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

×
×
  • Criar novo...