Jump to content


Photo

Eu Sei Que é Ajax...


  • Faça o login para participar
4 replies to this topic

#1 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 06/12/2005, 15:18

Seguinte eu queria fazer algo parecido com o desse site: http://www.tableless.com.br/ajaxdemo/

Clica no link e veja o "Carregando...".

Só que eu queria um pouco mais bem apresentável com uma caixinha em volta da palavra e/ou os três pontinho aparecendo e sumindo.

Abraços

#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 06/12/2005, 15:44

já pensou em usar um pouco CSS ????
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 06/12/2005, 16:06

É pensei, mas como que eu faria pra fazer o "Carregando..." aparecer ao clicar no link e sumir após a página ter sido carregada?

É essa minha maior dúvida.

Abraços

#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 06/12/2005, 19:04

Do tableless é usado uma div para o conteúdo. Então o conteúdo do site é carregado sempre nessa div..

Para colocar a mensagem, é só usar um innerHTML quando a função for chamada para fazer a consulta dinamica..

function envia(){
document.getElementById("conteudo").innerHTML="Carregando...";

// Parte do ajax aqui

}
Assim quando vc chamar a função, ele coloca o texto "Carregando..", faz a consulta e depois ele carrega o resultado nessa mesma div com o id "conteudo" . .

function envia(){
document.getElementById("conteudo").innerHTML="Carregando...";

// Parte do ajax aqui
document.getElementById("conteudo").innerHTML= AJAX.responseText;
}

Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 Bruno Augusto

Bruno Augusto

    ∙•● Restarting... ●•∙

  • Usuários
  • 1968 posts
  • Sexo:Não informado
  • Localidade:Itajubá

Posted 07/12/2005, 10:08

Dexa eu vê se eu entendi.

No meu <head> eu ponho uma função parecida com essa que você passou.
E no meu <body> eu crio uma div chamada conteúdo (por exemplo).

Daí a cada link que for clicado, vai aparecer a mensagem de carregando até que a página esteje realmente pronta.

É isso?

Abraços




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq