Plugin de Loader para AJAX com jQuery

Deixe um comentário

jQueryLoader é um plugin de jQuery que tem como objetivo substituir, esconder ou simplesmente ocultar um objeto na tela enquanto seu carregamento não é finalizado, muito útil para requisições Ajax.

O jQueryLoader pega todas as caracteristicas do item que será ocultado e tenta ocupar o mesmo espaço para que o usuário não tenha a impressão de que a tela está movendo, dando uma sensação mais agradável a sua navegação.

Como os atributos de referência do loader ficam no objeto que está sendo carregado ele poder ser iniciado por um objeto, e finalizado por outro

Visite a página do jQueryLoader

Plugin de Select Personalizado com jQuery

Deixe um comentário

O jQueryCustomSelect tem como principal objetivo facilitar o uso e a customização de selects com uma aparência mais agradável e mais maleável do que às oferecidas pelos SO/Navegadores, feito utilizando HTML, CSS e JavaScript, tem sua estrutura aceita por todos os navegadores atuais. além de podemos ser submetido com um form ainda pode ser navegável pelo teclado facilitando seu uso.

Visite a página do Plugin

Regular Expression para 9º digito de celulares em São Paulo

5 respostas

Com a mudança do número dos telefones celulares no estado de São Paulo, os programadores precisam dar aquela revisada nos campos de Celular, e nada melhor do que atualizar o “RegEx” para telefone, a expressão a seguir, valida que caso o primeiro numero após o seja um 9, ainda terão mais quatro dígitos depois dele.

Máscara: (99) 99999-9999

RegEx: ^(\([0-9]{2}\))\s([9]{1})?([0-9]{4})-([0-9]{4})$

espero ter ajudado, qualquer dúvida comenta ai.

Converter milissegundos do tempo de video HTML 5 em minutos com javascript

Deixe um comentário

A tag video do HTML 5 oferece vários atributos que ajudam o programador HTML montar um layout personalizado, porem ele trabalha com tempo em milisegundo, porem exemplo o tempo do video ao inves de vir 1:25 virá 85.5986445852 e agora, como fazer? Bem, a ideia é simples e vou dividir em duas funções, a primeira pega o tempo e divide em dois grupos, minuto e segundo, a segunda função verifica se o tempo resultante da primeira função tem apenas um caracter e adiciona um “zero” a frente dele. Vamos as funções:

Recebe tempo em milissegundos e transforma em minutos

var video = document.getElementById('video');
var tempo = coverteTempo(video.duration);

function coverteTempo(tempo) {
tempo = Math.round(tempo);
var segundo = tempo % 60;
var minuto = Math.round(tempo / 60);
verificaUnidade(minuto) + ':' + verificaUnidade(segundo);
}

Recebe o resultado e verifica se tem apenas um digito

function verificaUnidade(tempo) {
tempo += "";
if (tempo.length < 2) tempo = "0" + tempo;
return tempo;
}

CSS Personalizado para mudança de orientação no iPhone e iPad

2 respostas

Já fiz um post explicando como via JavaScript pegar essa mudança e colocar uma classe no body da página, além de ter um melhor resultado em performance ainda permite que seja testado no PC, mas se mesmo assim você ainda quer usar o recurso de @media do CSS, vamos lá, ele pode ser feito de algumas formas:

No HTML na tag Link

<link media="only screen and (max-device-width: 768px)" href="portrait.css" type="text/css" rel="stylesheet" />

<link media="only screen and (max-device-width: 1024px)" href="landscape.css" type="text/css" rel="stylesheet" />

No CSS no seletor @Media

@media only screen and (max-device-width: 768px) and (orientation:portrait) {
// Seletores para Landscape (Paisagem)
}

@media only screen and (max-device-width: 1024px) and (orientation:landscape) {
// Seletores para Portrait (Retrato)
}

Ficou na Dúvida? Precisa de Ajuda? Comenta ai que eu sempre respondo!