De fato não me arrependo em nada em migrar para Jquery. Muitos fatores me fazem acreditar que o Jquery é superior ao Prototype, fatores como milhares de plugins e uma sintaxe mais simples para trabalhar com o dom.
Pessoalmente odeio soluções como popup’s e modal ( na maioria dos casos), e pensando neste problema, acabei esbarrando na necessidade de um plugin para jquery que permitisse exibir divs( ou qualquer outra tag ) próxima a um botão ou link ao ser clicado ( algo semelhante a um tooltip, mas que seja ativado e desativado por click ).
E como não encontrei nenhum plugin que fizesse isso de forma simples e objetiva, acabei criando um.
O código do plugin esta no github ( http://github.com/danielvlopes/popwindow/tree/master ) e a página no site do Jquery é http://plugins.jquery.com/project/popwindow
Veja abaixo como usar
Javascript1 2 3 4 5 6 7 8 9 10 11 12 |
<script src="http://code.jquery.com/jquery-latest.js"></script> <script src="jquery.popwindow.js"></script> <script src="jquery.bgiframe.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#show").popwindow("#popup_div1"); }); </script> |
1 2 3 4 5 6 7 |
<input type="button" id="show" value="Show Message in Bottom"/> <div id="popup_div1" class="popup_msg"> Popup Message<br /> Message goes here <br /> Message goes here </div> |
.popup_msg{ display:none; }
Parâmetros
- position => “bottom”,”right”,”top”,”left”
- offsetTop => Qualquer valor númerico (default é 10)
- offsetSides => Qualquer valor númerico (default é 0)
- transitionSpeed => “fast”,”slow” (default é “fast”)
Demonstração
2 Comentários to “PopWindow”
Junio Vitorino diz:
30/12/2008 em 12:13 PM
Massa, JQuery é tão bom que se já não tem pronto ( o que é raro ) você mesmo pode criar.
Lando diz:
25/11/2009 em 10:32 AM
De fato o recurso que criou é perfeito para soluções específicas, justamente que estava procurando sem encontrar. Parabens pelo código e obrigado.
Comentário
CATEGORIAS
HomeDesign
SEO
Empreendimento
Cifras
Ruby e Rails
Flex
Photoshop
Flash
XHTML/CSS
JavaScript
Variados
Database
Firefox
Projetos
3D
Projetos
TextMate
Smalltalk
Mac
Livros
ARQUIVO
03/2010 (2)02/2010 (7)
01/2009 (4)
12/2009 (7)
11/2009 (4)
10/2009 (10)
09/2009 (7)
08/2009 (6)
07/2009 (12)
06/2009 (5)
05/2009 (6)
04/2009 (9)
03/2009 (14)
02/2009 (18)
01/2009 (14)
12/2008 (20)
11/2008 (18)
10/2008 (9)
09/2008 (12)
08/2008 (6)
07/2008 (12)
06/2008 (10)
05/2008 (15)
04/2008 (19)
GAIA, o maior amigo do programador Flash
comentado por criação de sites
Seja produtivo consumindo tomates
comentado por Gabriel Sobrinho
Cifras: novas funcionalidades
comentado por Juarez P. A. Filho
Cifras: novas funcionalidades
comentado por Mário Santos
Ganhador da promoção
comentado por Juarez P. A. Filho