Archive for the 'Tutoriais' Category

Calendários em Java Script

Acredito que a maioria dos formulários possui algum campo de data (principalmente data de nascimento, rs).

Separei dois tipos de calendários em Java Script para poderem testar.

Gostei muito dos dois, pois são bem fáceis de implementar, além de não usar nenhuma programação do lado do servidor.

Um deles com designer muito bonito e com a possibilidade de customizar do jeito que você achar melhor (isso se achar necessário, pois as opções de layout e designer são muito boas).
O outro é puro HTML + CSS dentro de um único arquivo .js, ou seja, se você tiver um pouco de paciência pode customizar do jeito que quiser.

O Simple Calendar Widget é muito simples, tanto que é apenas um arquivo.

O Mootools-Calendar é uma classe de calendário para ser utilizado junto com o Mootools e tem diversas possibilidades de implementação.
Um ponto que me chamou a atenção, é que nesse caso o usuário não pode alterar a data via teclado, ou seja, a chance dele errar é mínima, mas acredito que existam casos onde essa alteração se faz necessária, procurei no site de origem mas não encontrei tal solução (um atributo ou algo parecido).

Clique aqui para ver o exemplo.

Clique aqui para baixar os arquivos.

Quem quiser ver outros exemplos:
Simple Calendar Widget http://www.garrett.nildram.co.uk/calendar/scw.htm
Calendar Mootools http://electricprism.com/aeron/calendar/

Marcio Nakano

Manipulando a saída de dados no browser CFxPHP

Pra galera que programa em várias linguagens diferentes e as vezes fica “encucada” pensando se existe uma função equivalente na outra linguagem que conhece, ai vai uma luz na manipulação de saída de dados no browser.

Estas funções devem ser utilizadas quando você deseja mostrar o conteúdo gerado até um determinado momento, nas situações em que o processamento da página é longo.

Pois bem, hoje me deparei com uma dessas situações, queria a função getPageContext().getOut().flush() disponível no ColdFusion MX porém para utilizar em PHP.

Solução em ColdFusion:


<cfloop index="x" from="1" to="10" step="1">
<cfloop index="randomindex" from="1" to="500000" step="1">
<cfset random=rand()>
</cfloop>
<cfoutput>Line to show #x#<br></cfoutput>
<cfflush>
</cfloop>



Pode ser melhor detalhado aqui.

ou ainda

getPageContext().getOut().flush();<br>

E no PHP:

<?php
for ($i = 0; $i<10; $i++){
echo "Line to show ".$i."<br>";
echo str_pad(”,4096)."\n";
flush();
sleep(2);
}
?>

O código PHP consegui aqui.

Personalização do Spry

Olá, meu nome é Marcio Nakano, sou um dos desenvolvedores da Zetai Web. Hoje vou iniciar minha “carreira” como articulista aqui no blog.

Vou falar de algumas soluções interessantes que desenvolvemos aqui na Zetai, no dia a dia de trabalho.

Para iniciar, vou falar de uma adaptação do código de um framework bem conhecido, o Spry.

Em alguns projetos estamos utilizando o Spry, um framework que nos agradou muito pela sua versatilidade, eficiência e velocidade no desenvolvimento.

Um ponto interessante é como foi elaborado o código, permitindo ao desenvolvedor uma personalização dos eventos.

Notamos isso quando fomos utilizar o efeito Fade. O efeito visual era perfeito, porém os links e textos adicionados na layer ficavam invisíveis, entretanto executavam os eventos de mouseOver e de seleção do texto, mesmo (aparentemente) não estando na tela.

A solução que encontramos foi a de colocar o atributo visibility da layer como hidden. Se fizéssemos isso antes da execução, o efeito Fade não funcionaria.

Ao observar a classe Spry.Effect.Fade, verificamos que ela não possuía os listeners onPreEffect e onPostEffect, os quais adicionamos ao observer da classe e escrevemos o código para ocultar a layer, dando a verdadeira sensação dela ter desaparecido “fisicamente” da página.

Seguem os links de exemplificação:

Normal

Alterado

Download dos códigos

« Previous Page