Requisições para controller Vraptor

2 respostas
R

Pessoal, boa tarde tenho a seguinte situação

@tenho um menu que ao ser clicado é adicionado uma imagem nele para indicar para o usuario em qual opção ele está.
@ ao ser clicado tem de redirecionar para a url do controller;

Ele esta chamando o controller so que qdo ele renderiza minha pagina que solicitei minha imagem do menu desaparece

--Meu script--
<script>	 
	$(document).ready(function() {
			    $('li a').click(function(e) {
// 			    	e.preventDefault(); quando add esta linha a imagem não some mas não chama  o controller!!!
			        var $this = $(this);			 		   
			        	$this.closest('ul').children('li').removeClass('active');
			        	$this.parent().addClass('active');			    
			    });
			    
	});
	  </script>
----------------------------------------------------------------------------------------------------------------------------


minhas opções
<ul>
              <li class="active"> <a href="<c:url value="/home" />"><fmt:message key="home"/></a></li>
              <li > <a href="<c:url value="/arquivos"/>"><fmt:message key="transmitir.arquivos" /></a></li>
              <li > <a href="<c:url value="/receberArquivos" />"><fmt:message key="receber.arquivos" /></a></li>
              <li > <a href="<c:url value="/parcerias" />"><fmt:message key="consultar.parcerias" /></a></li>
              <li > <a href="<c:url value="/historico" />"><fmt:message key="historico" /></a></li>
              <li > <a href="<c:url value="/tracker" />"><fmt:message key="tracker.arquivos" /></a></li>
              <li > <a href="<c:url value="/configuracao" />"><fmt:message key="configuracao.edi" /></a></li>
              <li > <a href="<c:url value="/tutorial" />"><fmt:message key="tutorial" /></a></li>
              <li > <a href="<c:url value="/clientEDI" />"><fmt:message key="client.edi" /></a></li>
              <li > <a href="<fmt:message key="link.sobre.edi" />" target="_blank" title="<fmt:message key="clique.saiba.mais.produtos" />"><fmt:message key="sobre.edi" />                             </a></li>
</ul>

Acredito que deva ser por causa da requisição mas tentei fazer um AJAX mas não tive sucesso.

Alguem poderia me ajudar como posso resolver essa questão por favor?

2 Respostas

Lucas_Cavalcanti

quando vc clica no link ele recarrega a página…
se o que vc quer é que a página em que vc está fique como active, vc pode trocar o seu javascript pra algo do tipo:

<script>     
    $(document).ready(function() {  
        $('li a').each(function() {  
           if (document.location.pathname == $(this).attr('href'))
                $(this).addClass('active');
         );           
    });  
</script>

ou seja, só ver se o link está apontando pra página atual.

R

Lucas, mais uma vez muito obrigado!! :smiley:

Criado 14 de agosto de 2012
Ultima resposta 15 de ago. de 2012
Respostas 2
Participantes 2