Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Abrir links em PopUp


PunBB PhpBB2 PhpBB3 Invision
--> Código CSS <--
Código:
/*Open Links "Poupup"*/
#framelink {
    background: #fff;
    background-image:url(http://i15.servimg.com/u/f15/17/71/75/73/aguard10.gif);
    background-size: 100%;
    width: 90%;
    border: 2px solid #ddd;
    height: 550px;
    border-radius: 6px;
    border-top-style: dashed;
}
#centerLocatio {
    width:100%;
    height:500%;
    background: rgba(50, 50, 50, 0.3);
    position:fixed;
}
#locs2 {
    margin-top:5% !important;
}
#locs {
    top:0%;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 1000px;
    background: rgba(50, 50, 50, 0.45);
}
#fecha {
    color: red;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ddd;
    border-top-style: dashed;
    cursor: url('http://img97.imageshack.us/img97/9688/cur5582.png'), auto;
    padding: 5px;
    padding-top: 1px;
    border-radius: 6px;
}

--> Código JavaScript <--
Nos Tópicos
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();
    });
    });

--> Resultado Final <--
Sempre que o(a) senhor(a) clicar em algum link externo, irá abrir a página em um popup.
Com um loading-page atualizado.


Desenvolvido por HenRyqUéè | D'Leandro™ (Novo Design)
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 HenRyqUéè

avatar
Membro
e.e o design ficou melhor e com a img de loading ficou melhor ainda :) nossa que coisa ele fez tanto sucesso :O
Ver perfil do usuário

#3
 Bookmarlucas654

avatar
Membro
kk, ta vendo, vocês dois formam uma dupla codieja(sertaneja) P-E-R-F-E-I-T-A! Publiquei lá na SP também, para serem cash'ados =)
Ver perfil do usuário

#4
 Conteúdo patrocinado