[Resolvido] atualizar div com arquivo de outra pasta

[lucas.barbeiro 0]

Bom dia pessoal. Esse é meu primeiro post.

 

Estou utilizando um script que o Willian comentou no site dele no link validação de formulário com jquery.validade

 

trecho do código:

submitHandler: function( form ){  
               var dados = $( form ).serialize();  

               $.ajax({  
                   type: "POST",  
                   url: "processa.php",  
                   data: dados,  
                   success: function( data )  
                   {  
                       alert( data );  ...

O quero fazer é substituir o alert (data) por:

 

if (data == ""){ 
   $('#avisos').css({"width": ....});  [b][color="#FF0000"]//tem como carregar a classe do arquivo .css ?[/color][/b]
   $('#avisos').html("Processamento concluído com sucesso.").delay(2000).slideUp("fast");
   [color="#FF0000"]//aqui preciso trocar o conteúdo da div por um arquivo de outra pasta, mas não estou conseguindo fazer[/color]
   [b][color="#FF0000"]var href = $(this).attr('../pasta01/index.php');[/color][/b]
   $('#div').load(href);

 

Agradeço a ajuda.

[William Bruno 1501]

no lugar disso:

 

$('#div').load(href);

basta colocar:

 

$('#div').html( data );

 

o .load() é um atalho para a função .ajax(); Entendeu ?

[lucas.barbeiro 0]

Entendi, obrigado.. Mas ainda não consegui o que preciso.

 

No caso eu envio os dados para banco e se o retorno for vazio preciso trocar o conteúdo da div que é um formulário para uma página que lista os itens cadastrados.

 

Consegui passar a idéia ? Estou no caminho certo ?

 

 

PS: tentei colocar assim (não estou forçando com o load, só para citar o tinha feito em outra tentativa) :-)

 	$('#conteudo').load( '../pasta01/index.php' );

 

carrega a página mas dá erro com o charset :-(

[William Bruno 1501]

está no caminho sim. Qual é a dúvida?

 

pq não deu certo ?

 

 

Qnto a classe:

$('#avisos').addClass('talClassedoTeuArquivo');

 

 

esquece o load(); não te serve.

Sobre a acentuação, veja:

http://wbruno.com.br/2011/04/19/problemas-acentuacao-ajax-como-resolver/

[lucas.barbeiro 0]

vou tentar passar o contexto todo.. vamos lá:

 

na minha pg principal eu chamo o módulo de manutenção de usuários através de um arquivo de gerenciamento que recebe o parâmentro 'usuarios' e dá um include do módulo na #div

 

pg_principal

<a href='manage.php?parametro=usuarios'>Lista</a>

 

pg_gerenciamento

switch($parametro){
case 'usuarios'; 
include('../usuarios/index.php');
break;

 

Em cada usuário tenho um link para editar e nesse momento chamo o formulário com os tratamentos e gravação.

Se tiver algum erro exibe o css de validação e talls e se não tiver quero redirecionar o conteúdo da #div para a listagem inicial dos usuários.

 

Já usei o firebug e o Ctrl+Shift+J e o processamento ocorre normal.

 

** No caso do charset é outro enigma (até pq já li seu blog quase inteiro no assunto Jquery, :-) ). Na pg_inicial tenho iso-8859-1 e na página que faço o include com o mesmo charset não funciona :-(.

[William Bruno 1501]

ajax é utf8 por padrão. Se a tua página é ISO, você precisa forçar isso.

 

Viu o post que coloque aqui sobre acentos ?

 

 

o include é feito normalmente ? então você pode fazer um

document.location.href = 'manage.php?parametro=usuarios';

[lucas.barbeiro 0]

O problema é que ai ele abre a pagina do include fora da #div como se fosse a principal..

[William Bruno 1501]

então efetue o load:

 

$('#div').load('../usuarios/index.php');

[lucas.barbeiro 0]

Muito obrigado pela ajuda Bruno. De fato utilizei o load e forcei o cabeçalho via php..

 

Desculpe a bagunça das idéias, é coisa de aprendiz. :thumbsup: