Ir para conteúdo

POWERED BY:

Arquivado

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

web_w3

Target dinamico

Recommended Posts

Olá pessoal !Seguinte, estou listando alguns itens de um bando de dados aqui, onde o usuario pode clicar em um resultado e que será aberto os detalhes.Mas queria colocar um checkbox onde com ele ativo, os links que estão dentro de determinado DIV abram em uma nova página (_blank). Caso o checkbox esteja desativado, os links abrem na mesma pagina.Mas queria que esse target dinamico, quando ativo, fizesse efeito somente nos links dentro de determinada DIV e nao de toda a página.Conto com a ajuda de vocês. Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo, acho que entendi só em parte sua dúvida, mas ai vai uma idéia para resolver a sua dúvida

 

O JS

 

<script>	function abre(site) {		if(document.getElementById('nova').checked) {			window.open(site,"_blank");		} else {			window.open(site,"_self");		}	}</script>

O Html para chamar o JS

 

<input name="nova" type="checkbox" id="nova" value="1"><input name="abrir" type="button" id="abrir" value="abrir" onClick="abre('http://www.imasters.com.br');">

Vê se tu ajuda

 

Valeu!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Benck, estamos quase lá, a unica coisa que queria diferente é que o JS modificasse é a Tag HTML <a> de Link, exemplo:

 

<a href="#" target="_self" class="link">link</a>

E tambem gostaria que o JS nao modificasse o TARGET de toda a pagina e sim dos que estão somente dentro de uma determinada DIV, exemplo:

 

<div id="listagem"><a href="#" target="_self" class="link">link1</a><a href="#" target="_self" class="link">link2</a></div><a href="#" target="_self" class="link">link3</a>

No caso, mudaria o TARGET somente dos links 1 e 2, que estão dentro da DIV chamada LISTAGEM. Deu pra entender melhor?

 

Eu tentei com o seguinte código, mas não deu muito certo, olhe:

 

O java script:

function linkmuda(){		if(document.getElementById('cbox').checked) {			document.getElementById('listagem').getElementsByTagName('a').target = '_blank';		} else {			document.getElementById('listagem').getElementsByTagName('a').target = '_self';		}	}

O HTML:

<input name="cbox" type="checkbox" id="cbox" onchange="linkmuda();" value="checkbox" /><div id="listagem"><a href="#" target="_self" class="link">link1</a><a href="#" target="_self" class="link">link2</a></div><a href="#" target="_self" class="link">link3</a>

Veja se pode me ajudar. Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, tenta assim

 

O Js

 

function linkmuda(){	var grupo = document.getElementById('listagem').getElementsByTagName('a');	for (i = 0;i < grupo.length; i++ )	{		if(document.getElementById('cbox').checked) {			grupo[i].target = '_blank';		} else {			grupo[i].target = '_self';		}	}}

E o html assim

 

<input name="cbox" type="checkbox" id="cbox" onchange="linkmuda();" value="checkbox" /><div id="listagem"><a href="http://www.imasters.com.br" target="_self" class="link">link1</a><br><a href="http://www.imasters.com.br" target="_self" class="link">link2</a><br></div><a href="http://www.imasters.com.br" target="_self" class="link">link3</a>

Valeu!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eblis

 

Este tópico é antigo como pode observar na data, seu post foi excluído. Crie um novo tópico para postar sua dúvida.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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