Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 50
Sexo: Masculino
Localização: Sampa/Itanhaem/Brasil
Contato:

Ajax + processamento de dados + transicao de conteudo suave

19-12-2008 15:00

Galera to com uma super duvida

Ao utilizar Ajax.. eu gostaria de invez dele trazer o conteudo chapado ou do nada na div.. gostaria de ter uma transicao suave de conteudo.. igual aquele boxes que nós geralmente vemos que fazem a transicao de uma imagem para outra usando fade. Só que quero aplicar isso ao Ajax e com conteudo real.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajax + processamento de dados + transicao de conteudo suave

19-12-2008 15:33

Geralmente o efeito fading usando jQuery é aplicado sobre uma div, clicando em algum botão por exemplo, ai você pode fazer o seguinte:

if (xmlhttp.readyState==4){ document.getElementById("div').innerHTML=xmlhttp.responseText // entra no if a função para mostrar a div com fading }

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 50
Sexo: Masculino
Localização: Sampa/Itanhaem/Brasil
Contato:

Ajax + processamento de dados + transicao de conteudo suave

19-12-2008 15:34

sakei.... tinha duvida de onde inserir o jquery. vou da uma pesquisada no efeito.
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajax + processamento de dados + transicao de conteudo suave

19-12-2008 15:39

Só lembrando, leia

http://www.codigosnaweb.com/forum/jQuery_3_2214.html

Ai é só achar o script que não é complicado.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 50 postagens
Mais de 50 postagens
Tópico Autor
Mensagens: 50
Sexo: Masculino
Localização: Sampa/Itanhaem/Brasil
Contato:

Ajax + processamento de dados + transicao de conteudo suave

19-12-2008 17:00

Eae consegui....

Usei o basico do jquery mas ja da um efeitinho legal

function trataResposta(){ //tempo(); //document.getElementById("an1").innerHTML = "<div id='carregando'><img src=imagens/ajax-loader.gif /></div>"; $("#an1").hide(1000); if(ajax.readyState == 4){ if(ajax.status == 200){ var resposta = ajax.responseText; document.getElementById("an1").innerHTML = resposta; $("#an1").show(1000); }else{ alert("Problema na comunicação com o objeto XMLHtppRequest."); } } }

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17547
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ajax + processamento de dados + transicao de conteudo suave

19-12-2008 18:11

Boa, testei aqui e funcionou blz :-)
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado