Criando janelas alternativas na abertura de links (href) dentro do html (no centro, semelhante a POPUP)

Para abrir uma nova janela do navegador no centro e reduzida ao ser chamada por um link (href), você pode usar o JavaScript para manipular a janela que será aberta. Vou lhe mostrar um exemplo de como fazer isso:

  1. Crie uma função JavaScript que abrirá a nova janela no centro e reduzida.
<script>
function abrirJanelaCentroReduzida(url, nome, largura, altura) {
  const left = (screen.width - largura) / 2;
  const top = (screen.height - altura) / 2;

  const janela = window.open(url, nome, `width=${largura}, height=${altura}, left=${left}, top=${top}`);

  // Verifica se a janela foi aberta corretamente e foca nela.
  if (window.focus) {
    janela.focus();
  }
}
</script>
  1. Em seguida, você pode criar um link (<a>) para chamar a função criada acima com os parâmetros necessários:
<a href="javascript:void(0);" onclick="abrirJanelaCentroReduzida('https://www.exemplo.com', 'nomeDaJanela', 800, 600)">Abrir janela reduzida</a>

Nesse exemplo, o link irá abrir uma nova janela no centro da tela com largura de 800 pixels e altura de 600 pixels, apontando para o URL 'https://www.exemplo.com'.

Lembre-se de que algumas configurações do navegador podem bloquear pop-ups, então o comportamento pode variar de acordo com as configurações do usuário. Além disso, a abertura de janelas pop-up pode ser indesejada em alguns casos, por isso é sempre bom considerar o impacto na experiência do usuário antes de usar essa abordagem.

Rolar para cima