Ir para conteúdo

Arquivado

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

Wellington09

popup

Por , em Javascript

Recommended Posts

Wellington09    1

Wellington09
Postado

Tenho uma pagina www.teste.com.br/carro e ao clicar em um link desta pagina eu abro uma popup www.teste.com.br/tipo, dentro desta popup tenho varias divs

ex:

 

 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
 <div>5</div>

o que eu gostaria de fazer é o seguinte, ao clicar sobre a div, quero fechar a popup e mudar a url da pagina www.teste.com.br/carro/ para 

www.teste.com.br/carro + o valor da div

ficando assim 

www.teste.com.br/carro/1
www.teste.com.br/carro/2
www.teste.com.br/carro/3
www.teste.com.br/carro/4
www.teste.com.br/carro/5

consigo pegar o id da div usando o this no click e para fechar a popup sei que é só usar o window.close, mas eu gostaria de saber como faço para mudar a url da pagina carro ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

thyagowolff    0

thyagowolff
Postado

vê se isso serve de ajuda mano... falou! 

<!--arquivo janela.html-->

<script>
function abrepop(){
  //monta a url
  var pagina = 'popup.php';   

  window.open(pagina);//abre popup
}
</script>
<a href='#' onclick="abrepop();">abrir</a>


<!-- Arquivo pop.html-->
<script>
function selecionar(nome){
  window.opener.document.location="pagina.php?id="+nome.innerHTML; 
  window.close();//fecha popup
}
</script>

 <div id="1" onclick="selecionar(this)">1</div>
 <div id="2" onclick="selecionar(this)">2</div>
 <div id="3" onclick="selecionar(this)">3</div>
 <div id="4" onclick="selecionar(this)">4</div>
 <div id="5" onclick="selecionar(this)">5</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington09    1

Wellington09
Postado

vlw cara era este comando mesmo que estava precisando

opener.parent.location="nova pagina";

estava batendo a cabeça aqui

opener.parent.location.reload();

com a sua ajuda, agora funcionou beleza

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington09    1

Wellington09
Postado

amigo, uma duvida

eu estou pegando o valor de meu href para jogar no window.open, só que além de ele abrir a popup ele redireciona a pagina tb.

tem como eu cancelar o redirecionamento da pagina, deixando apenas ele abrir a popup ?

 

este é meu codigo

jQuery("a").click(function(){
 valor =  jQuery(this).attr("href");
 window.open(valor,'page','toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, height=600, width=800');
});

 

<a href="popup.html">abrir popUp</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites

0cool    0

0cool
Postado

use "return false;"

 

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a#linkpopup").click(function(){
     valor = $(this).attr("href");
     window.open(valor,'page','toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, height=600, width=800');
     return false;
  });
});
</script>
</head>
<body>
<div>
  <a href="popup.html" id="linkpopup">abrir popUp</a>
  <br />
  <a href="outro.html">outro link</a>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

0cool    0

0cool
Postado

Di nadis.

 

Eu particulamente prefiro abrir popup centralizada... o code ficaria assim...

 

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("a#linkpopup").click(function(){
     var valor = $(this).attr("href");
     var largura = 800;
     var altura = 600;
     var esquerda = ((screen.width - largura) / 2);
     var topo = ((screen.height - altura) / 2);
     window.open(valor,'page','toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, height=' + altura + ', width=' + largura + ', top=' + topo + ', left=' + esquerda + '');
     return false;
  });
});
</script>
</head>
<body>
<div>
  <a href="popup.html" id="linkpopup">abrir popUp</a>
  <br />
  <a href="outro.html">outro link</a>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wellington09    1

Wellington09
Postado

tb abro centralizado o meu está assim rs

jQuery("a").click(function(pagina, largura, altura){
 valor =  jQuery(this).attr("href");
 alert(valor);
 esquerda = (screen.width - 800)/2;
 topo 	   = (screen.height - 600)/2;
 open(valor,'page','toolbar=no, location=no, status=no, menubar=no, scrollbars=yes, resizable=no, height='+altura+', width='+largura+', top='+topo+', left='+esquerda+'');
 return false;
});

 

só que acado de perceber que ele não abre a popup no opera, ele está abrindo uma nova aba.

no google chrome, safari e flock ele abre a popup pequena.

 

e o seu ? esta funcionando em todos os navegadores ?

 

firefox 4 esta tudo beleza, IE9 funciona mas tem que ficar clicando no botão permitir conteudo bloqueado

 

agora ta beleza mudei para seu exemplo

valor    = jQuery(this).attr("href");
largura  = 800;
altura   = 600;
esquerda = ((screen.width - largura) / 2);
topo     = ((screen.height - altura) / 2);

 

só o Opera que está abrindo uma popup mais uma aba, e quando fecha o popup ele fecha a aba mais a popup, mas beleza é isso ai , deve ser bug do opera acredito eu

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