CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

JavaScript/jQuery - Abrir imagem em uma janela pop-up normal e modal

Por Benedito Silva Júnior - publicado em 19/07/2016


Como abrir janelas pop-up normal e modal (travado):

Janela pop-up normal:

<script type="text/javascript"> function abrirJanela(pagina, largura, altura) // Definindo centro da tela { var esquerda = (screen.width - largura)/2; var topo = (screen.height - altura)/2; // Abre a nova janela minhaJanela = window.open(pagina,'','height=' + altura + ', width=' + largura + ', top=' + topo + ', left=' + esquerda); } </script>

Link para abrir a janela pop-up:

<a href="#" onclick="javascript:abrirJanela('imagem.jpg', 1024, 768);">Clique aqui</a>

Janela pop-up modal:

Janelas de diálogo do tipo "modal" bloqueia qualquer interação na janela principal, até que o diálogo seja encerrado:

<script> function openModal(pUrl, pWidth, pHeight) { if (window.showModalDialog) { return window.showModalDialog(pUrl, window,"dialogWidth:" + pWidth + "px;dialogHeight:" + pHeight + "px"); } else { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserWrite"); window.open(pUrl, "wndModal", "width=" + pWidth + ",height=" + pHeight + ", resizable=no,modal=yes"); return true; } catch (e) { alert("Script não confiável; não foi possível abrir a janela de diálogo modal."); return false; } } } </script>

Botão para abrir a janela pop-up:

<input type="button" onclick="openModal('window_modal_popup.html', 500, 450)" value="Abrir janela modal" />


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo