Bem normal…
jQuery
Gradiente de cores em JavaScript
26/11/08
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
11/09/08
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)
Dual select, jQuery
27/08/08
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
Comentários