Ir para conteúdo

POWERED BY:

Arquivado

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

Odair - Oliveira

Exibir conteudo em ajax

Por , em Javascript

Recommended Posts

Odair - Oliveira    0

Odair - Oliveira
Postado

Bom dia!
Tenho o seguinte problema: Não estou conseguindo fazer o script para carregar páginas externas por ajax funcionar.
Usei o mesmo script para fazer esse mapa (http://chiptronic.com.br/testes/mapa/) e funcionou, porém, agora em outro projeto, não funciona. Não consigo encontrar o erro :/ Se alguém puder me ajudar agradeço desde já!

Eis o meu script:
[inline]//carregando arquivos por ajax
var content = $('#novidades');
//pre carregando o gif
loading = new Image(); loading.src = 'img/load.gif';
$('#menuFerramenta a').live('click', function(e){
e.preventDefault();
content.html('<img id="load" src="img/load.gif" alt="carregando" />');

var href = $(this).attr('href');
$.ajax({
url:href,
success:function(response){
//forçando o parser
var data = $('
'+response+'
').find('#novidades').html();
//apenas atrasando a troca, para mostrarmos o loading
window.setTimeout( function(){
content.fadeOut('fast', function(){
content.html(data).fadeIn();
});
}, 100 );
}
});
});[/inline]


Eis o meu html onde as páginas externas carregarão:
[inline]<div id="menuFerramenta">
<a href="motodiag.html">Motodiag</a>
</div>
<!--notícias à direita-->
<div id="novidades" class="content-bar mgrbt-10px">
</div>[/inline]

Eis a página externa:
[inline]<html>

<head>
<meta charset="UTF-8">
<title>Motodiag</title>
</head>
<div>
<ul>
<li>
<h3><a href="" title="Ver conteúdo">Lançamento de cargas</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tincidunt, orci id tincidunt placerat.</p>
</li>
</ul>
</div>
</body>
</html>[/inline]

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

aperte Ctr+Shift+J no teu Firefox e veja quais erros aparecem.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

esse código ai é do meu blog.

var data = $('

'+response+'

').find('#novidades').html();
aqui está forçando o parser para trazer apenas o conteudo de um elemento com id="novidades", e a sua pagina não tem nenhum elemento com esse ID, por isso não trás nada.

 

ou vc remove esse parser, ou vc coloca esse id lá.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Odair - Oliveira    0

Odair - Oliveira
Postado

Então, na verdade a minha página tem o ID "novidades"

[inline]<div id="menuFerramenta">

<a href="motodiag.html">Motodiag</a>

</div>
<!--notícias aqui-->
<div id="novidades" class="content-bar mgrbt-10px">
</div>

[/inline]

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

esse parser procura esse ID na pagina q vc está tentando abrir, entendeu ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Odair - Oliveira    0

Odair - Oliveira
Postado

Não me lembrava onde tinha encontrado o script, me desculpe por não fazer referência... É um ótimo script e um ótimo blog, acompanho sempre :)



Eu fiz essa alteração e mesmo assim o script não funcionou nesse projeto. :/ Já li seu post sobre não usar Ajax rs mas nesse projeto é realmente necessário.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

ok, pela aba rede, aparece oque ?

http://wbruno.com.br/2011/04/14/como-debugar-ajax-firebug/

 

Esse arquivo q vc está tentando abrir, está no mesmo nível do outro que está abrindo ele ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Odair - Oliveira    0

Odair - Oliveira
Postado

Está no mesmo nível sim.

Acho que não estava funcionando porque estava testando localhost, estranho porque já testei esse script várias vezes localhost e funcionou. Agora que upei no servidor funcionou certinho.

Muito obrigado pela ajuda William e parabéns pelo blog!

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