Categorias
Javascript jQuery Plugins

Plugin FadeIn fadeOut img

Um plugin que elaborei, para ver a ideia clique aqui
plugin_fadeinout_img
Plugin foi elaborado para ter mais de uma imagem fazendo o efeito fadeIn FadeOut demo: http://kevinfelipe.com.br/exemplos/fadeinout
Chamadas

    
    

Codigo jQuery

jQuery(".fadeinout").FadeInOut({
    //Tempo para executação em milésimos de segundo nesse ex: são 3 segundos
    time: '3000',
    //isso é a porcentagem divida em aparecer e sumir ex: 10 é 10% para aparecer e 10% para sumir então terá 20%
    timefadeinout: '10',
    //Por qual imagem irá iniciar
    initImg: '1',
    //Imagem que irão participar
    images: ['img_head_1','img_head_2','img_head_3']
});

time
Tempo para executação em milésimos de segundo
timefadeinout
isso é a porcentagem divida em fadeIn e FadeOut ex: 10 é 10% para fadeIn e 10% para fadeOut então terá 20%, o maximo é de 50%
initImg
Por qual imagem irá iniciar
initImg
Imagem que irão participar
images
Imagem que irão participar
faz um git clone lá Link: https://github.com/kevinfelipe/plugin_fadeinout_img

Categorias
Blog Javascript jQuery

Como parar o cache com jQuery e javascript

Há muitas razões para as pessoas querem desativar ou parar caching por broswer. Especialmente quando se trata de conteúdo dinâmico que exigiu a versão mais recente a ser exibido no navegador. No entanto, devido a razões de segurança, não existem métodos perfeitos em javascript que pode com deficiência cache para todos os navegadores. Neste tutorial, vou demonstrar uma maneira poucos JavaScript e jQuery usado para interromper ou desativar o cache de navegadores.
jQuery
Na versão mais recente jQuery v1.2 acima, jQuery tem proporcionado um método para parar de cache de navegador com sua classe ajax. Você pode visitar o site jQuery para ver a lista de atualização em v1.2 e você vai notar que eles já incluiu uma função para desativar o cache! Você pode escolher para controlar o modo como cada indivíduo conteúdo dinâmico em cache, definindo as propriedades de verdadeiro / falso ou você pode apenas definir um padrão para todos os deficientes o cache do navegador.
A fim de determinar as propriedades de cada ajax cache de chamadas,

 $. Ajax ({
 url: 'teste.html',
 de cache: false,
 sucesso: function (html) {
 $ ('# resultados') append (html).;
}
});

que está sendo refletido no exemplo jQuery. E, a fim de desativar todo o cache pelo navegador, podemos fazer o seguinte,

$ ajaxSetup ({cache: false}});.

Isto terá de ser colocada no topo do script para que ele funcione.
Javascript
A razão pela qual os navegadores são capazes de armazenar em cache um documento particular é devido ao url que está sendo passado para o navegador são idênticos. A fim de tornar único para cada passes, podemos colocar em um número aleatório por trás da url como mostrado abaixo,

 var img.src = 'www.hungred.com' + + Math.random () * Math.random () '?';
 return $ (img). Carga (function ()
 {
 alert ('concluído');
});

Este método irá garantir que todos os documentos para ser exclusivo para cada dinâmica passa você joga para o navegador que eu achar que é mais confiável e útil como este método tem sido há muito, por vezes, e quase todo o navegador irá apoiar tal maneira de recuperar o conteúdo dinâmico.
HTML (16/04/2009)
Você também pode desativar ou parar cache utilizando a seguinte meta tag,




Isso vai evitar que a página inteira ser armazenada em cache pelo navegador também.
tradução de: http://hungred.com/how-to/tutorial-stop-caching-jquery-javascript/

Categorias
Blog Javascript

Eventos Javascript

Neste Artigo, vou escrever um pouco sobre Eventos Javascript, muitas vezes as pessoas so usam validação em javascript, não explorão a dimensão que o javascript proporciona, para obter os eventos do javascript são muito simples, vou mostrar de maneira inline.
vou citar alguns abaixo:
Onblur
O evento onblur ocorre quando o elemento perto o foco:
Segue um exemplo a seguir

Categorias
Blog Javascript

Maneiras de Inserir codigo Javascript no Documento HTML

Este artigo tem o objetivo de mostrar aonde escrever o codigo javascript
Existem três maneiras de inserir Javascript no documento HTML
vou citar elas abaixo

Categorias
Blog CSS Html Javascript Padrão Web

Progressive Enhancement 'Melhoria Progressiva'

Estou vendo Padrões para web, e achei interessante fazer esse artigo com Progressive Enhancement
Então o conceito é muito simples
* Primeira Etapa: Usar a linguagem de marcação HTML, no Final desta etapa, todos conteudos estarão disponiveis para os visitantes.

Categorias
Blog Javascript

Ajax (Puro)

Este artigo vou falar sobre Ajax com javascript ‘Puro’, sem usar nenhuma library.
primeiro passo: vamos fazer um arquivo .php, por exemplo: ajax.php
com o Codigo Abaixo: