jQuery

Gradiente de cores em JavaScript


Essa semana fui atraz de fazer uma função que me retornasse um array com a graduação de cores, que correspondem a um numero de graduações e de um outro array com as cores principais.

A função é simples ao chama-la você deve passar dois parâmetros, o primeiro é a quantidade de cores que a função deve retornar, o segundo é um array com as cores que o gradiente deve passar, estas cores são passadas como no CSS feito ela de 3 ou de 6 caracteres. O retorno da função é um outro array com o gradiente já montado.

cores(Integer, Array):Array;

var lista = cores(30,['F00','0F0','00F']);
// lista contem o gradiente completo

Cor 1:

Cor 2:

Cor 3:

Ver javaScript da função
Ver javaScript da execução

Monta um select dinamicamente com Ajax+JSON+jQuery

A sinfonia perfeita diria assim, essas tres técnicas, parecem ter sido feitas uma para a outra e utilizando elas de maneira correta da para se fazer milagres com o que antes era um parto quando trabalhava-se só com javaScript puro.

Aqui temos uma função bem simples que monta um select com os dados montados em JSON.


Estados

Cidades (Só vai caregar cidades de SC/Brasil, é um exemplo)

Ver função

Dual select, jQuery

Uma solução simples para, implementar em um formulario, selecionar itens dentro e uma lista de uma forma simples e visual.


[{"uf":["SC","SP","AM","RJ","RS"]}]

base: “kdualBase.tpl”,
url: false, // arquivo carregado
data: {}, // dados anviados para o PHP
attr: [], // atributos vindos do json que será colocado no TAG do markup
name: “selected”, // nome o input que será enviado pelo form
maximo: 0, // maximo de itens selecionados
direcao: “baixo”, // cima ou baixo
busca: false, // formulario de busca
origem: “.KD-list-A”, // lista de origem local onde vai ser montado a lista
destino: “.KD-list-B”, // destino
texto: “option”,
id: “id”,
change: function(){ return true }, // executa a função quando seleciona ou remove
beforeSend: function(){ return true }, // executa a função ao solicitar a lista
success: function(){ return true } // executa essa função quando a lista é carregada

kdual-1.1.jquery.js