Link clicado js

[Gustavo H. Rorato 2]

Como faço o efeito mouse clicked(clica fica efeito ativo) com js, o hover eu consegui vendo uns tutoriais. Já tentei de varias formas e nada.

$(function(){
$('#menu a').animate({ 
		"opacity": .6
});
$('#menu a').hover(function(){
	$(this).stop().animate({ "opacity": 1 });
},function(){
	$(this).stop().animate({ "opacity": .6 });				
});
$('#menu a').click(function(){ // Aqui começa o efeito click
	$(this).stop().animate({ "opacity": 1 });
	});
});

 

Abraço

[William Bruno 1501]

para fazer o efeito de ativo, você precisa avaliar a URL.

 

Pois qndo você entra em um link, a página é novamente requisitada ao servidor, por isso tudo oq você fizer com js "morre".

[Gustavo H. Rorato 2]

Mas a div que eu atualizo eh dentro da mesma pagina.

Eh um menu e do lado a div.

Tem como?

[William Bruno 1501]

e como é feita essa atualização ?

 

com php (include) ? ou com ajax ?

[Gustavo H. Rorato 2]

ajax

 

$(document).ready(function(){  
       var content = $('#content');  

       //pre carregando o gif  
      // loading = new Image(); loading.src = 'loading.gif';  
       $('#menu a').live('click', function( e ){  
           e.preventDefault();  
          // content.html( '<img src="loading.gif" />' );  

           var href = $( this ).attr('href');  
           $.ajax({  
               url: href,  
               success: function( response ){  
                   //forçando o parser  
                   var data = $( '<div>'+response+'</div>' ).find('#content').html();  

                   //apenas atrasando a troca, para mostrarmos o loading  
                   window.setTimeout( function(){  
                       content.fadeOut('slow', function(){  
                           content.html( data ).fadeIn();  
                       });  
                   }, 500 );  
               }  
           });  

       });  
   });  
$(function(){
$('#menu a').animate({ 
		"opacity": .5
});
$('#menu a').hover(function(){
	$(this).stop().animate({ "opacity": 1 });
},function(){
	$(this).stop().animate({ "opacity": .5 });


});
});

 

 

Só atualiza o que ta dentro da div "content"

[William Bruno 1501]

aparte do carregar na div, você pegou do meu blog.

 

o que você fez está correto. Como você queria que ficasse o ativo ?

não vi nada de errado.

[Gustavo H. Rorato 2]

Poiseh, faz um tempo que eu peguei essa funçao da net, desculpa nao te citar, não lembrava daonde :X:X

 

 

Cara quando eu clico e muda o conteudo da div, eu queria que o link que eu cliquei ficasse com opacidade 1.Para dar efeito de estar ativo e o usuario saber onde clicou.Pode ser feito?

[William Bruno 1501]

o código que você apresentou no primeiro post está correto.

 

poste um link para o teu site para verificarmos onde está o problema.

[Gustavo H. Rorato 2]

Não ta no ar o site, só localmente, mas o lance é que o hover funciona 100%, quando eu clico no link eu queria que ele ficasse com opacidade 1, e eles simplesmente volta para opacidade 0.5 :/. Eu fazer isso pro usuario saber em qual dos links ele clico.

 

Essa é a linha que eu fiz, mas não consigui:

$('#menu a').click(function(){ // Aqui começa o efeito click
               $(this).stop().animate({ "opacity": 1 });
               });

 

Obrigado

abraço