Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Tiago Medeiros

Abrir link na div onde ele está

Por , em Javascript

Recommended Posts

Tiago Medeiros    0

Tiago Medeiros
Postado

Olá.

Estou com uma duvida e gostaria de pedir a ajuda de você...

Tenho o seguinte código:

...<head>
<script type="text/javascript" src="resources/js/jquery/jquery-1.10.2.min.js" ></script>
<script type="text/javascript">
			$(document).ready(function(){
			$("#lista a").click(function( e ){
			e.preventDefault();
		        var href = $( this ).attr('href');
			$("#lista").load( href +" #lista");
	    });
	});
</script> </head>...

<body>...

<div id="lista" >	
<a href="<? echo $arquivo ?>"><font size="3px"> <? echo "$nome"; ?> </font></a>
</div>

O objetivo é abrir o link que está dentro da DIV lista na mesma DIV.

Usando o código acima <? echo $arquivo ?>, não funciona. O código exibe os resultados do banco, porém não abre o link.

Se eu usar um link "tradicional" exemplo: <a href="http:\\link_a_ser_aberto.html"><font size="3px"> <? echo "$nome"; ?> </font></a>

O código funciona e abre o link dentro da mesma DIV onde está contido(div id="lista"), porém eu preciso que abrir o link usando o <?echo $arquivo ?>. No navegador o <? echo $arquivo ?> exibe um link "tradicional" (http:\\link_a_ser_aberto.html ).

Depois de muito pesquisa achei o seguinte código:

var links = div.getElementsByTagName('a');
for (var i = 0; i < links.length; i++){
	links.item(i).onclick = function(){
	var div_pai = this.parentNode;	
};
}

Pelo que o cara falou parentNode é o responsável por abrir o link "filho" da DIV.

Minha duvida é como faço para juntar o dois código ou implementar o parentNode no primeiro código?

 

Agradeço a quem puder ajudar!!!

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Sergio Tomas    16

Sergio Tomas
Postado

Para o pegar o link do elemento filho você pode usar $(this).parent();

 

ficaria assim seu código:

<script type="text/javascript">
			$(document).ready(function(){
			$("#lista a").click(function( e ){
			e.preventDefault();
		        var href = $( this ).attr('href');
		        var oldhref = $( this ).parent().attr('href');
			$("#lista").load( href +" #lista");
	    });
	});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito