Category ArchiveJavascript



framework & Javascript & Desenvolvimento 03 Jul 2008 07:30 am

JProton - Framework Javascript brasileiro

Alguém lembra de eu ter comentado ano passado sobre a possibilidade de construir um framework javascript?
Pois é, sempre foi um sonho que tive ver um framework javascript brasileiro.
Cheguei a começar a mexer em algo, mas fazer sozinho com pouco tempo realmente torna tudo mais difícil, mais ainda porque quase todo meu tempo livre estive/estou focando no Yoomp.
Um pessoal do fórum GUJ chegou a me convidar para participar de um projeto que eles estavam tocando e estava mais avançado que o meu, de início tentei participar, mas com meu pouco tempo, pouco pude fazer, apenas alguns poucos comentários no fórum com sugestões, nada de código.
Um tempo depois recebi um comentário no blog sobre participar do desenvolvimento de um outro framework, mas eu estava atolado de coisas para fazer, nem tempo de ler o comentário da forma que merecia tive, depois o blog foi atacado por spammers e perdi o comentário no meio deles.
Felizmente por dessas andanças pela web trombei com ele de novo… e qual não foi minha surpresa ao ver queo projeto está muito bem encaminhado?
Surpresa não por duvidar da capacidade dos envolvidos, mas sim porque normalmente esse tipo de iniciativa morre, pois não recebemos por isso, e normalmente os trabalhos remunerados acabam tomando nosso tempo.
O JProton tem excelente documentação, muito bem concebido com uma base sólida.

A iniciativa é do Pedro Simonetti, e vem crescendo depois de juntar forças com o projeto que citei antes do GUJ, o JBox.

Na época em que citei a possibilidade de construir um framework brazuca muita gente se interessou e disse querer participar, na realidade até hoje recebo emails cobrando o framework.

Bom, irei juntar meus esforços para ajudar algo que já está muito mais evoluído, espero pelo menos ter tempo para isso, afinal o importante e por o Brasil em um degrau mais alto internacionalmente, e unindo forças com outros desenvolvedores com certeza poderemos fazer algo melhor.

Convido todos a conhecer o JProton, um framework 100% brasileiro que realmente me impressionou e tem tudo para dar certo.

Em tempo, ainda não tive tempo de falar com o Pedro, mas acredito que além da documentação em português dava pra pensar em traduzir para outras linguas também, a comunidade internacional adora novidades.

Eu posso ajudar com Inglês e Italiano :D

Javascript 05 Feb 2008 10:07 am

Método sort() no Javascript - Ordenando alfabeticamente

O sort() é método que nos permite como dito no título ordenar alfabeticamente um array por exemplo.

Supomos que eu tenha o seguinte array:

 var meu_array = ["Maria","Rodrigo","Fernando","Amanda"];

Como eu poderia fazer para ordena-lo alfabeticamente? simples, sort() nele, vejam a aplicação:

 alert(meu_array.sort());

Este alert vai imprimir na tela “Amanda,Fernando,Maria,Rodrigo”, ou seja, o array ordenado alfabeticamente.

Atenção, este método não é recomendável no caso de números, pois não ordena numericamente por valor, mas como se fossem letras, por exemplo, 11, vira a frente do 2, o 20 a frente do 3.

Então é isso, a rapidinha de hoje :D

Javascript 04 Jan 2008 07:05 am

Controlar/Editar/Ordenar um listbox(select) com Javascript

Antes de iniciar para quem não sabe o que é um listbox e como usa-lo no html:

listbox em HTML pode ser feito usando a tag <select>, definindo o atributo size

Exemplo:

<select name="teste" size="10"> </select>

O exemplo acima abrira uma lista mostrando até 10 itens, mas não limitando o select a isso, essa é apenas a limitação da área visível.
No exemplo que deixo no final do artigo verão melhor como funciona.

Onde posso aplicar isso?
Pode ser usado em qualquer lugar onde você usaria checkbox, ou seja, onde precisa de múltiplas escolhas.
Eu considero o checkbox mais vantajoso e acessível, uma vez que usar o listbox da forma que mostrarei depende de JS.
Porém algumas vezes por imposição de outras pessoas precisamos trabalhar com isso e pra não entrar no campo da hipocrisia vou deixar minha ajudinha por aqui também :D Mas deixo claro, tendo opções, usem checkbox!

O exemplo vocês podem ja ir dando uma olhada aqui:

FS listBox 1.0.0

Ali também disponibilizo o código para download :D
Comentando um pouco mais sobre o exemplo. Ele possui 2 funcoes em javascript; uma para mover os elementos de um listbox/select para o outro, e outra para ordenar o select.

A função para ordenar pode ser usado em qualquer campo select tranquilamente, mesmo que não seja aberto.

Para ordernar basta usar:

	ordenarLista("nome_do_select");

Onde o “nome_do_select” tem que ser o caminho completo do objeto do formulário, um exemplo:

	var nome_do_select = document.form.nome_select;
	ordenarLista(nome_do_select);

Para mover/controlar elementos de uma lista para a outra basta usar o seguinte:

	move("nome_form","nome_do_select1","nome_do_select2");

Neste caso basta inserir o nome(name) de cada campo, entre aspas e o script faz o resto.
O select1 não importa se esta a direita a esquerda, abaixo ou acima, seja sempre o que esta cedendo um elemento, e o select2 é o receptor.
Logo coloquem no lugar do “nome_do_select1″ sempre que perde elementos e no “nome_do_select2″ quem recebe :D
Bom é isso por enquanto, duvidas, criticas como sempre, bem vindas, espero nos próximos dias começar a responder alguns emails que me enviaram, antes tarde do que nunca certo ;D

Javascript 02 Jan 2008 06:19 am

Validar email com Javascript

Bom inicio admitindo, eu sempre tive uma falha, sempre fui pouco descritivo em meus posts, detalhando pouco o que fazia, disponibilizando códigos muitas vezes sem explicar como fazer para inserir o mesmo no seu html, pois bem, 2008 esta ai e adivinhem, pouca coisa vai mudar.. alias, pode até piorar :P
Mas, sempre em códigos maiores, disponibilizei um html de exemplo mostrando como funciona o código, que esperava ajudar, em alguns casos ajuda, em outros não, estou com minha caixa de entrada cheia de perguntas de como fazer para inserir os códigos no html de cada um, infelizmente perguntas especificas não vou ter tempo para responder, mas em breve pretendo detalhar como usar alguns scripts aqui disponibilizados.
Para não ficar muito tempo parado, e não falarem que só estou escrevendo um post a cada 2 semanas enrolando e sem código, vou soltar um pequeno código aqui, usa de expressões regulares que é um tema que gostaria de abordar aqui mas que infelizmente não tive tempo ainda, outro que entra para as resoluções de ano novo :D
Mas o script abaixo é uma forma simples de validar email, é antigo, mas deve funcionar, testei rapidamente e aqui deu certo, se acharem furos ou tiverem sugestões melhores do que essa, sintam-se a vontade, abaixo segue o código:

Validar email com Javascript:

No javascript:

	function checkmail(objeto){
		// executa a exp. regular
		var retorno=/^w+[+.w-]*@([w-]+.)*w+[w-]*.([a-z]{2,4}|d+)$/i.test(e.value);
		if (retorno==false){
			// se retorna falso o email é invalido
			alert("Email invalido");
			objeto.select();
		}
		return retorno;
	}

Utilizei no exemplo abaixo onblur no campo input no formulário, que significa que ao perder o foco ele vai executar a verificação, mas podem usar como quiserem:

	<input type="text" name="email" onblur="javascript:checkmail(this)" />

Light pra começar o ano e não passar em branco.

Desejo a todos um excelente 2008!

Javascript 13 Dec 2007 07:44 am

Recortar imagens com Javascript

Quero primeiro reforçar o que avisei anteriormente, estou ausente, provavelmente até o final do ano porque os projetos sejam do trabalho oficial, ou projetos pessoais estão me tomando muito tempo, e bla bla bla.

Choradeira a parte, quero sugerir a voces um post onde fala como recortar imagens com javascript[EN] usando Prototype e script.aculo.us, sinceramente uso pouco esses frameworks, mas devo admitir que este foi um trabalho muito bem feito!

O que ele faz basicamente?

Primeiro é não obstrutivo, e isso é muito importante.

Mas ele permite você selecionar as áreas da imagem que quer recortar, e ainda tem como pré-visualizar em tempo real como esta ficando.

Permite ir arrastando este recorte pela imagem.

Achei fácil de usar, mas para um usuário não muito familiarizado com JS pode ter alguma dificuldade.

Vejam aqui um exemplo dele funcionando.

Divirtam-se :D

P.S: Espero antes do final do ano apresentar algo dos projetos que estou fazendo, nada em especial, mas que esta tomando bastante tempo, mas hoje completa 1 mês de trabalho em cima deste projeto e acho que já ganhou uma forma, tenho 2 semanas pra conseguir dar o passo inicial dentro do prazo pessoal no qual estou focando.

P.S2: notei que quanto menos eu escrevo, mais os leitores do feed aumentam, assim como as visitas ao blog, é inversamente proporcional :P

Next Page »