Archive for julho, 2009

É data? (is_date)


23 jul

Funções úteis para nossos amigos, e aqui vai mais uma. Precisa saber se é data?

Essa function resolve.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<code class="javascript">
function is_data(data) {
if (data.length == 10) {
er = /(0[0-9]|[12][0-9]|3[01])[-\.\/](0[0-9]|1[012])[-\.\/][0-9]{4}/;
if (er.exec(data)) {
return true;
} else {
return false;
}
} else {
return false;
}
}
</code>

Bom proveito! =)

Traduzir o ExtJS para Português


20 jul

Olá Pessoal,

Neste post irei mostrar como traduzir o Ext para português. Se você já teve está curiosidade ou dificuldade vai chorar ou rir quando ver como é simples… em outras palavras Ext é uma “mão na roda”!

Após chamas os includes de javascript ext-all.js e o ext-base.js e o css, basta por último chamar mais um JS que é o da linguagem que deseja usar. Quando você faz o download do Ext todas as linguagens disponiveis vem junto, estão na seguinte pasta: source\locale\ ou src\locale (na versão 3.0).

Portanto, para ter seu ExtJS em português (Brasil) basta você inserir o script abaixo no seu HTML:

1
2
<code class="html">
&lt;script src="ext/src/locale/ext-lang-pt_BR.js" type="text/javascript"&gt;&lt;/script&gt;</code>

Seus includes de javascript completos ficarão assim:

1
2
3
4
5
6
<code class="html">
&lt;script src="ext/adapter/ext/ext-base.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="ext/ext-all.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="ext/src/locale/ext-lang-pt_BR.js" type="text/javascript"&gt;&lt;/script&gt;
</code>

Qualquer dúvida só comentar… =)

Cores dinâmicas.


14 jul

Quem nunca precisou que as cores de um objeto fossem aleatórias? Pois bem, pra facilitar fizemos de duas maneiras: Cores Definidas, Totalmente Dinâmica.

Prós e Contras:

Cores Definidas prós: pode-se colocar exatamente as cores que você deseja, contras: isso limita muito a diversidade de cores.

Totalmente Dinâmica prós: sem limites, contras: nunca se sabe qual cor pode sair.

Pois bem, vamos lá.

Cores Definidas:

1
2
3
4
5
6
7
<code class="javascript">
//Crie um Array com os códigos hexadecimal das cores que você dejesa;
var possiColor = new Array("#030","#036","#930","#933", "#903", "#90C", "#0C0", "#9F0", "#F00", "#660", "#F90", "#303", "#969", "#F66", "#C30", "#9C3", "#630", "#C06", "#0CC", "#693", "#3F6");
// Dentre as cores no array, o random do javascript escolhe uma posição;
var Cor = possiColor[Math.floor(Math.random() * possiColor.length)];
</code>

Cores Totalmente Dinâmicas:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<code class="javascript">
// Função que executa a aleatoriedade;
function aleatorio(inferior,superior){
return parseInt(inferior) + Math.floor(Math.random() * (superior - inferior));
}
// Função que monta um hexadecimal a partir do random da função anterior;
function dar_cor_aleatoria(){
hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
cor_aleatoria = "#";
// Pega-se uma posição por vez no array e monta um hexadecimal;
for (i=0; i&lt;6; i++){
cor_aleatoria += hexadecimal[aleatorio(0,hexadecimal.length)];
}
return cor_aleatoria
}
var Cor = dar_cor_aleatoria();
</code>

Certo? Tá na mão! Até mais!

JotaQuery

O mundo do Javascript