Validação de formulários com Prototype

Postado por: Pedro Rogério em
Prototype

Se você é como eu, ainda engatinha no JavaScript, quer aprender a validação de formulários mas não tem tempo pra estudar, existe uma maneira bem fácil de se fazer isso, basta utilizar o Really Easy Field Validation. Ele é baseado no Prototype, um Framework que hoje em dia é utilizado por 8 entre 10 programadores.

Eu vi aqui no site do Rafael Lima

Tenha um CSS diferente para cada hora do dia

Postado por: Pedro Rogério em
6 Folhas de Estilo diferentes

É o que propõe em seu site Katherine Angela Gallia, ela utiliza 6 folhas de estilo diferentes em seu site para determinados horários do dia somente utilizando JavaScript, ela utiliza-se do seguinte código:


<script language="JavaScript">
<!-- Begin
function getCSS()
{
 datetoday = new Date();
 timenow=datetoday.getTime();
 datetoday.setTime(timenow);
 thehour = datetoday.getHours();

 if (thehour > 20)
  display = "tree_twilight.css";
   else if (thehour > 17)
  display = "tree_sunset.css";
 else if (thehour > 14)
  display = "tree_afternoon.css";
 else if (thehour > 11)
  display = "tree_noon.css";
 else if (thehour > 7)
  display = "tree_morning.css";
 else if (thehour > 4)
  display = "tree_sunrise.css";
 else if (thehour > 1)
  display = "tree_twilight.css";
 else
  display = "tree_sunset.css";

 var css = '< '; css+='link rel="stylesheet" href=' + display + ' \/';  css+='>';

 document.write(css);
// End -->
}
</script>
<script language="javascript">getCSS();</script>

Onde:

  • Das 5 ás 8 da manhã: Ela utiliza o tema sunrise.
  • Das 8 da manhã até o Meio-dia: Ela utiliza o tema morning.
  • Do Meio dia ás 3 da tarde: Ela utiliza o tema noon.
  • Das 3 ás 6 da tarde: Ela utiliza o tema afternoon.
  • Das 6 da tarde ás 9 da noite: Ela utiliza o tema sunset.
  • E das 9 da noite ás 5 da manhã: Ela utiliza o tema twilight.

Caso o usuário navegue com o JavaScript desabilitado, ela utiliza o tema sunset:


<noscript>
<link rel="stylesheet" href="tree_sunset.css" type="text/css">
</noscript>

Até me deu vontade de fazer isso aqui no meu blog agora.

Aprenda com quem sabe de verdade.

Como editar qualquer página com Javascript

Postado por: Pedro Rogério em

Existe uma maneira de você editar qualquer página utilizando JavaScript, e ela é muito simples, basta abrir qualquer página, colar o seguinte código na sua barra de endereços e executá-lo:


javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

Simples, experimente efetuar o teste aqui mesmo para você ver.

Fonte: Anieto2k.

Clique para ativar e usar esse controle

Postado por: Pedro Rogério em

Clique para ativar e usar esse controle

Muitas pessoas já devem ter visto isso em animações flash, aquela mensagem que aparece quando você repousa o mouse sobre alguma animação: “Clique para ativar e usar esse controle”, mas existe uma forma de retirar isso. Ao você desenvolver suas páginas com animações flash, basta fazer o uso de um pouquinho de JavaScript, nosso exemplo ficaria da seguinte forma:

Nosso HTML


<html>
<head>
<title>IE Flash Fix Demo < /title>
<script language="javascript" src="flashfix.js">
</head>
<body>

<div id="flash_container"></div>

<script language="javascript">
 writeFlash('flash_container');
</script>

</body>
</html>

Arquivo flashfix.js


function writeFlash(id) {
    document.getElementById(id).innerHTML = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='200' height='200' id='myflash' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='mymovie.swf' /><param name='quality' value='high' /><param name='bgcolor' value='#ffffff' /><embed src='mymovie.swf' quality='high' bgcolor='#ffffff' width='200' height='200' name='mymovie' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
}

Para ver um exemplo em funcionamento, basta acessar esse site. Esse tutorial foi retirado do site Find Motive.

Referências

Páginas:«1...678910111213»