[Resolvido] menu slide automatico

[BrunoVieira 0]

oi pessoal,

 

alguém me sabe dar uma dica como fazer este menu?

 

http://www.lourini.pt/index.php

 

se carregar em catalogo faz um efeito fade out e aparece um menu a fazer slide do lado esquerdo..

 

alguem sabe dizer como posso fazer.

 

obrigado pela atenção.

[BrunoVieira 0]

não estou a conseguir detectar como se faz isso, alguém me pode ajudar?

 

já procurei na net e não encontro...

 

queria mesmo fazer uma div igual a deslizar e dentro dessa div meter o meu menu.... não estou a encontrar forma é de meter a div a deslizar ...

 

 

alguem consegue dar uma luz?

 

desde já um obrigado a todos

[William Bruno 1501]

Dá para ver qque o autor usou bastante de jQuery nesse site.

Oque ele fez foi fazer o carregamento do conteudo via AJAX. Veja que a URL 'não muda'.. é requisitada outra página ao servidor, sem fazer o refresh por completo.

 

Não faça posts seguidos dessa forma:

http://forum.imaster...ore&module=help

• 10ª Regra

  É proibido o post de mensagens com o objetivo de evidenciar o tópico,tornando-o primeiro da lista de tópicos (up), tal como mensagensrepetitivas e/ou que não condizem com o assunto do tópico em questão(flood). Tais mensagens serão excluídas e o usuário advertido por MP.

[BrunoVieira 0]

desculpa a questao dos post seguidos, não foi a minha intenção fazer isso, simplesmente como estive a pesquisar na net e no forum postei o que retirei na minha pesquisa.

e não há forma de fazer isto mais simples?

 

é que só queria mesmo fazer o menu a abrir mais nada :S

 

mais uma vez desculpa por ter infringido a 10ª Regra

[William Bruno 1501]

queria mesmo fazer uma div igual a deslizar e dentro dessa div meter o meu menu.

se carregar em catalogo faz um efeito fade out e aparece um menu a fazer slide do lado esquerdo..

é que só queria mesmo fazer o menu a abrir mais nada :S

Uma forma simples, seria atrelar ao evento que espera a página terminar de ser carregada, um efeito de slide:

http://docs.jquery.c...I/Effects/Slide

 

A questão é que sem trazer o conteudo por AJAX, você não vai conseguir fazer o primeiro efeito de fade que esse site faz, ao clicar em algum menu.

[BrunoVieira 0]

mas o slide so activa quando carregamos na div, e eu queria que fosse quando carrega a pagina...

 

ha maneira de dar a volta a isso ?

[William Bruno 1501]

Usando jQuery, temos o evento:

$(window).load(function(){

que acontece qndo a página termina de carregar por completo(imagens, html, js...)

diferente do

$(document).ready(function(){

que apenas aguarda que o DOM esteja montado, e pronto para uso.

[BrunoVieira 0]

ou experimentar da maneira como dizes...

 

william quero mesmo aprender a trabalhar com ajax e javascript, tens algum manual que me indiques para iniciar esta area....

[BrunoVieira 0]

coloquei desta forma mas mesmo assim não éstá a dar... so fica activo quando damos um click na div, e o que queria era quando abre a pagina abrir logo..

 <script type="text/javascript">
    $(window).load(function(){
    
$("div").click(function () {
      $(this).show("slide", { direction: "right" }, 1000);
});

  });
  </script>

[William Bruno 1501]

é só retirar a DIV dai..

<script type="text/javascript">
$(window).load(function(){
   $('div').show("slide", { direction: "right" }, 1000);
});
</script>

Mas procure identificar essa DIV com um ID

ficaria:

 

$('#id-da-div')

[BrunoVieira 0]

sim agora já dá... mas desculpa estar a perguntar, nao entendi o pq de retirar a div... eu gosto de saber o pq das coisas..

 

altero o nome de que div?

[William Bruno 1501]

Fazendo assim:

$('div')

você afeta todas as divs do documento.

E oque você quer, é só afetar a do menu, certo? então o correto seria:

$('#menu')

sendo que você tem algo como:

<div id="menu">

Isso, estou falando da DIV que você quer que abra com o slide ao carregar a página.

[BrunoVieira 0]

sim já alterei... e ja estou a fazer o meu menu a ir a base de dados... mas tarde vou postar pois pode ajudar alguem...

 

já agora william sabes de algum manual bom para eu ler sobre ajax?

[William Bruno 1501]

Cara... eu gosto de livros.. vou te indicar alguns dos que tenho:

 

php + ajax

http://www.livrariacultura.com.br/scripts/cultura/resenha/resenha.asp?sid=18710891411923772022485618&nitem=2115266

ajax com jquery

http://www.livroajaxjquery.com.br/

[BrunoVieira 0]

pois é como eu, gosto de ter livros para poder ler em qualquer lado e tentar obter mais conhecimentos.

 

valeu vou dar uma olhada nos links que me deste..

 

já agora podes mandar-me o teu msn por mensagem privada...