1 [TUTORIAL] Abrir links externos em POPUP 29/01/13, 04:59 pm
HenRyqUéè
Administrador
Avaliador
Helper
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | [TUTORIAL] Abrir links externos em POPUP |
--> Tutoriais, dicas e astúcias <--
[TUTORIAL] Abrir links externos em POPUP
[TUTORIAL] Abrir links externos em POPUP
1º - Código a ser utilizado [JS]:
- Código:
$(document).ready(function(){
$('body').prepend('<center id="locs"><div id="locs2"><span id="fecha">Fechar</span><br><iframe id="framelink" src=""></iframe></div></center>');
$('#locs').hide();
$('a[target="_blank"]').click(function(){
var capturaLink = $(this).attr('href');
$('#framelink').attr('src', capturaLink);
$('#locs').fadeIn();
return false;
});
$('#fecha').click(function(){
$('#framelink').attr('src', '');
$('#locs').fadeOut();
});
});
2º - Onde aplicar o código acima:
Aceda em: Novo código JavaScript
Título: Coloque qualquer título.
Envestimento: Marque "Nos Tópicos".
Código JavaScript: Cole o código acima.
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] Salve!
3º - Código a ser utilizado [CSS]:
- Código:
#framelink{
background:#adadad;
width: 80%;
right:10%;
height:500px;
}
#centerLocatio{
width:100%;
height:500%;
background: rgba(50, 50, 50, 0.3);
position:fixed;
}
#locs2{
margin-top:15% !important;
}
#locs{
top:0%;
position: fixed;
z-index: 999;
width: 100%;
height: 1000px;
background: rgba(50, 50, 50, 0.45);
}
#fecha{
color:black;
font-weight:bold;
background:white;
border-left:1px solid black;
border-top:1px solid black;
cursor:pointer;
padding:7px;
border-right:1px solid black;
}
4º - Onde aplicar o código acima:
Aceda em: Folha de Estilo CSS
- Funcionalidade:
Todas as versões.
- Resultado:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
© RMBR & SP-Design
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem] | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Abrir links externos em POPUP |