Slideshow JavaScript com botões de comando(play,stop,prev e next) usando o jQuery.Cycle

por em cycle,jQuery Nenhum comentário
TweetCoisa rápida… nosso velho e conhecido slideshow. Porém, denovo, apenas para deixar registrado aqui, a flexibilidade de uso do plugin jQuery.Cycle, e a facilidade de implementação. <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cycle-2.97.all.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slideshow2').cycle({ fx: 'fade', next: '#proxima', prev: '#anterior' }); jQuery('#pausa').click(function(){ $('#slideshow2').cycle('pause'); }); jQuery('#play').click(function(){ $('#slideshow2').cycle('resume'); }); }); </script> <style type="text/css"> ...

Abrir modal do tuto do maujor, automaticamente ao carregar a página – jQuery

por em jQuery,modal Nenhum comentário
TweetBom, vira e mexe, alguém aparece no fórum perguntando, como fazer para o modal deste tutorial: http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/, abrir automaticamente, ao carregar a página. Por esse motivo, estou criando este post, para deixar aqui, uma forma de fazer isso, e assim evitar que eu precise me repetir toda vez que alguém perguntar. O primeiro passo, é ...

Navegando pela lista do suggest com as setas do teclado – autocomplete teclado javascript

por em Javascript,jQuery,js Nenhum comentário
Tweetboas pessoal! Eu já tinha colocado aqui, um suggest jQuery com ajax. Pensando como eu poderia deixar o usuário se movimentar pela lista de suggest, usando as setas do teclado, me dei conta que era desnecessário, tentar ficar trocando o .focus() dos elementos. Na verdade, eu só preciso ‘fingir’ isso. Mostrar no input, o .text(), ...

Evitando duplicação de script – jQuery

por em jQuery Nenhum comentário
TweetEste post, é uma aplicação direta, dos conceitos que expliquei aqui: Aprendi jQuery, e agora ? Acabei de ver um user no fórum que precisava disparar uma mesma rotina, para campos input e select. Porém, sabemos que para selects, o evento a ser usado, é o onchange, e para inputs, onkeypress|onblur.. Exatamente por esse motivo, ...

Simulando um mousestop() com jQuery – javascript

por em Javascript,jQuery Nenhum comentário
TweetPost rápido, para deixar registrado o código   <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> var move = false; var $box = null; jQuery(document).ready(function(){ $box = jQuery('.box').not('.active'); $box.mousemove(function( e ){ e.stopPropagation(); }); $box.mouseenter(function(){ var $this = jQuery( this ); $this.addClass('active'); }); $box.mouseleave(function(){ var $this = jQuery( this ); $this.removeClass('active'); }); jQuery(document).mousemove(function(){ $box = jQuery('.box').not('.active'); window.clearTimeout( ...

Switch to our mobile site