CoffeeScript Class & jQuery
Ultimamente estoy haciendo sitios en ruby on rails. No es la primer temporada que hago este tipo de desarrollos, pero si es la primera ocasión en la que deseo resolver …
Continuar lendojquery
jQuery Toggle
Basta criar um menu de alternância de navegação com jQuery. Estrutura HTML <ul id=”nav” class=”dropdown”> <li><a href=”#”>Link 1</a></li> <li><a class=”link” href=”#”>Link 2</a> <ul class=”second”> <li>Item One</li> <li>Item Two</li> <li>Item Three</li> …
Continuar lendoCarregar tweet do usuário e criar links, hashtags, nomes de usuário links ativos
Aqui está a função JS para carregar o número especificado de tweets e analisar o primeiro: /** * Get latest tweets * @param {string} username * @param {int} num Number …
Continuar lendoPor que existem tantas músicas sobre programação?
Ok, talvez não haja realmente nenhuma música sobre programação, mas existem muitas maneiras de abordar até mesmo os problemas mais simples quando você está programando. Este artigo discute apenas um: …
Continuar lendoJavaScript, jQuery e DOM Ready no Drupal 7
tl; dr : o código JavaScript para processar elementos no carregamento da página em um site Drupal 7 deve ser semelhante a este: (function($) { Drupal.behaviors.doSomething = { attach: function(context, …
Continuar lendorole suavemente para um elemento em javascript
Por que usar um plugin enorme, quando uma linha de código cobrirá a maioria dos casos de uso triviais? $(‘html, body’).animate({‘scrollTop’: element.offset().top}, ‘slow’, ‘swing’); Quer ainda um plugin para poder …
Continuar lendojQuery O elemento está no viewPort?
Oi, alguns minutos atrás, encontrei o seguinte snippet de código em http://upshots.org/javascript/jquery-test-if-element-is-in-viewport-visible-on-screen . Este trecho é útil para verificar se um elemento está na janela de visualização do navegador. $.fn.isOnScreen …
Continuar lendojQuery – um pequeno seletor e refatoração de código
Esta pequena dica deve dar uma impressão de como refatorar um pequeno trecho do código jQuery. Imaginando o seguinte cenário. Você deseja clicar em um botão em uma página da …
Continuar lendofocus event.relatedTarget do jeito do Firefox (de jeito nenhum)
Se acontecer de você manipular um evento por meio de um manipulador de eventos do foco jQuery e quiser saber para onde o foco foi? Olá event.relatedTarget! Agora você está …
Continuar lendoChamadas Ajax Async fáceis
Use-o sempre que tiver funções que precisam aguardar os dados retornados de suas chamadas ajax. Defina essas funções em qualquer namespace de que você precise para acessá-las function sendData(sendObj) { …
Continuar lendoCriação de DOM jQuery mais rápida usando encadeamento do que usando objeto de atributos
Os elementos jQuery DOM podem ser criados passando um objeto de atributo , por exemplo: var div = $(“<div/>”, { class: “class”, type: “text”, html: “default”}); Ou, por encadeamento de …
Continuar lendoGerar uma exceção se a consulta jQuery não corresponder a nenhum elemento
jQuery.fn.single = function() { if (this.length != 1) { throw new Error(“Expected 1, got ” +this.length); } return this;};var headers = $(“h1”).single(); //boom!
Continuar lendoformulário de cartão de crédito dinâmico com javascript. não jquery.
Esta é a minha primeira vez trabalhando em javascript no trabalho. O pedido de recurso era para incrementar o formulário de cartão de crédito, como fab.com. Ele destacou o logotipo …
Continuar lendoUm efeito de pairar com jQuery ou CSS3
Eu só queria compartilhar uma forma interessante de mostrar preços de produtos para um site de e-commerce, ou qualquer conteúdo que caiba em uma imagem com um simples cursor hover. …
Continuar lendojquery.data () não manipula o dom
ou Por que você não deve (tenha cuidado) usar o atributo de dados nos seletores. Enquanto trabalhava com a $().data()</code>função da biblioteca jquery, eu e meu colega@smas percebeu que os …
Continuar lendoLimpar campos de formulário em foco
Um pequeno trecho simples que usei muito. $(“input:not(‘.exclude’), textarea”).focus(function() { if( this.value == this.defaultValue ) { this.value = “”; } }).blur(function() { if( !this.value.length ) { this.value = this.defaultValue; }});
Continuar lendo