Ir para conteúdo

POWERED BY:

Arquivado

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

MrKelvin

Como fechar automaticamente o pop up ao clicar em outro pop up no site

Recommended Posts

Estou usando esses códigos para colocar músicas, basta clicar em uma que abre o pop up, só que quando eu abro outro música, ela abre outro pop up, deixando o outro aberto. Quero que quando eu clique em várias músicas feche automaticamente o pop up.

 

Abaixo está uma parte dos códigos das músicas.

 

<a href="#" onclick="window.open('http://www.edrogers.com.br/audio/traducoes/Volume 1/ANNE-MURRAY-E-SHANIA-TWAIN-YOU-NEEDED-ME.mp3', 'Anne Murray e Shania Twain - You needed me', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=0, WIDTH=250, HEIGHT=50');">Anne Murray e Shania Twain - You needed me</a></p>



     <a href="#" onclick="window.open('http://www.edrogers.com.br/audio/traducoes/Volume 1/CHRIS-DE-BURGH-SO-BEAUTIFUL.mp3', 'http://www.edrogers.com.br/audio/traducoes/Volume 1/CHRIS-DE-BURGH-SO-BEAUTIFUL.mp3', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=0, WIDTH=250, HEIGHT=50');">Chris de Burgh so beautiful</a>

 

http://edrogers.com.br/traducoes.htm

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

poxa,cara nao sei fazer isso nao,mas assim acharia muito melhor pra estilo de site,nao abiri mais popup pois isso ja esta meio antigo entende,te recomendo a criar um widgets,ou seja uma div que flutue na pagina,ai sim se abiri uma a outra ira fechar!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Inserir várias opções e achei melhor a animação, mas não consegui o que queria.

Tento fechar a música pelo X e só fecha se pausar.

Veja esse teste:

http://edrogers.com.br/teste.html

E estou querendo colocar várias músicas e não apenas uma, tipo uma playlist com esse programa. E colocar em cima o nome da música para escolher.

 

<!doctype html>
 
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Teste</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( "#dialog" ).dialog({
      autoOpen: false,
      show: {
        effect: "blind",
        duration: 1000
      },
      hide: {
        effect: "explode",
        duration: 1000
      }
    });
 
    $( "#opener" ).click(function() {
      $( "#dialog" ).dialog( "open" );
    });
  });
  </script>
</head>
<body>
 
<div id="dialog" title="Traduções">
  <p><embed src="musicas/Chris de Burgh - Carry me.mp3" width="250" height="50" autostart="false">      
      
        
      </p>
</div>
 
<button id="opener">Chris de Burgh - Carry me</button>
  
</body>
</html>

 

 

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.