Without a Nick

Assim, gente, eu tava conversando com um colega meu aki pelo msn e ele pediu pra eu fazer uma coisa pra ele: um cronômetro, para uma agenda on-line que ele está fazendo...

Então, é o seguinte: quem estiver fazendo uma agenda ou precisar de um cronômetro e num tiver idéia por onde começar, pode usar o meu:

[codebox]<style type="text/css">
<!--
body {
font-family:verdana;
font-size:7pt;
color:#999999;
}
h2 {
color:#FF6600;
}
a:link, a:visited {
font-weight:bold;
text-decoration:none;
color:#999999;
}
a:active, a:hover {
text-decoration:none;
color:#FF6600;
font-weight:bold;
}
#crono {
border:1px solid #999999;
font-family:verdana;
font-size:8pt;
}
#instr {
border:0px solid #FFFFFF;
font-family:verdana;
font-size:7pt;
}
#start,#pause,#pontozero {
border:1px solid #999999;
background-color:#FFFFFF;
font-size:7pt;
font-family:verdana;
color:#FF6600;
}
//-->
</style>
<script language="javascript">
<!--
// Variáveis globais
var hrs=0;
var mins=0;
var segs=0;
var timer;

// Funções do Cronômetro
function turnTo(act,id) {
document.getElementById(id).disabled=act;
}
function textReplace(vlu,id) {
document.getElementById(id).value=vlu;
}
function cronometro() {
var acoes=new Array(true,false,false);
var ids=new Array("start","pause","pontozero");
var j=0;
while(j<acoes.length) {
turnTo(acoes[j],ids[j]);
j++;
}
cronoStart();
}
function cronoStart() {
segs++;
if(segs == 60) {
mins++;
segs=0;
if(mins == 60) {
hrs++;
mins=0;
}
}
var formSegs=(segs < 10) ? "0"+segs : segs;
var formMins=(mins < 10) ? "0"+mins : mins;
var formHrs=(hrs < 10) ? "0"+hrs : hrs;
textReplace(formHrs+":"+formMins+":"+formSegs,"crono");
textReplace("O cronômetro está funcionando.","instr");
timer=window.setTimeout("cronoStart();",1000);
}
function cronoPause() {
window.clearTimeout(timer);
var acoes=new Array(false,true,false);
var ids=new Array("start","pause","pontozero");
textReplace("O cronômetro está pausado.","instr");
var k=0;
while(k<acoes.length) {
turnTo(acoes[k],ids[k]);
k++;
}
}
function cronoZero() {
window.clearTimeout(timer);
segs=0;
mins=0;
hrs=0;
textReplace("00:00:00","crono");
textReplace("O cronômetro está parado.","instr");
var acoes=new Array(false,true,true);
var ids=new Array("start","pause","pontozero");
var l=0;
while(l<acoes.length) {
turnTo(acoes[l],ids[l]);
l++;
}
}
//-->
</script>
<h2>Cronômetro</h2>
Criado por <a href="java script:alert('E-mail: ftoledo@gmail.com');">Fernando Martins de Toledo</a><br><br>
<fieldset>
<legend><input type="text" readonly="true" value="00:00:00" id="crono"></legend>
<table border="0" width="100%">
<tr>
<td>
&nbsp;<input type="button" id="start" value=" Iniciar " onclick="cronometro();">&nbsp;
<input type="button" id="pause" disabled="true" value=" Pausar " onclick="cronoPause();">&nbsp;
<input type="button" id="pontozero" disabled="true" value=" Zerar " onclick="cronoZero();">
</td>
<td><input readonly="true" value="O cronômetro está parado." type="text" name="instrucao" id="instr" size="50"></td>
</tr>
</table>
</fieldset>[/codebox]


Foi testado no:
-Internet Explorer
-Mozilla Firefox



Espero que tenham gostado...

Quaisquer coisas, gente, me mandem um e-mail: ftoledo@gmail.com

Se estiver ao meu alcance, eu faço o script e posto aki, blz?

[]'s a todos e um ótimo 2006!

Eu criei um contador de caracteres, que mostra a quantidade de caracteres e a quantidade de caracteres sem espaços.

O script é o seguinte:

<script language="JavaScript">
<!--
function contar() {
var palavra=document.getElementById("chave").value;
var q=palavra.length;
var sem_espacos=palavra.split(" ");
var q2=sem_espacos.length - 1;
var s=q-q2;
window.alert("A palavra tem "+q+" caracteres com espaço.\nSem espaço, ela tem "+s);
}
//-->
</script>
<input type="text" name="chave" id="chave" value=""><br>
<input type="button" onclick="contar();" value="Contar">

O script também está em anexo.

Terminando a minha série de tutoriais sobre loops, apresento-lhes o loop DO, o menos utilizado na internet.

Dentre 100 sites que usam loops, pode-se contar que 10 usam também o loop DO, que não são muito usados, pois algumas vezes pode confundir a cabeça do programador a toa.

Mas como gosto de alguma coisa completa, logo, olhe um exemplo:

<script language="javascript">
<!--
i=1;
do {
  document.write("Linha<br>");
  i++;
}
while(i<=5)
//-->
</script>

Isso fará com que cinco linhas sejam feitas, com o escrito Linha em cada uma delas, mais a tag <br>, responsável pela quebra de linha.

Passos:

Primeiro definimos uma variável (i), com o valor 1.
Logo abaixo, executamos o comando do, abrindo um bloco {}. Lá, você digita o comando que você quer que seja executado e depois que terminar, você coloca o executor, o qual coloquei i++, o qual mostrará um em um.

Feche o bloco.
Execute o loop while, mas apenas com a condição (i<=5)

Pronto! Você criou um loop DO.

Um exemplo mais complexo.

<script language="javascript">
<!--
function expoente(i) {
var formula=Math.pow(2,i);
return formula;
}
//-->
</script>
<script language="javascript">
<!--
document.write("<table border=0 width=99%><tr width=33%><th>Número</th><th>Expoente</th><th>Resultado</th></tr>");
i=0;
do {
  document.write("<tr width=33%>");
  document.write("<td>"+i+"</td>");
  document.write("<td>2</td>");
  document.write("<td>"+expoente(i)+"</td>");
  document.write("</tr>");
  i++;
}
while(i<=50)
document.write("</table>");
//-->
</script>

Esse exemplo eu já usei na minha coluna, mas não com o loop DO, e sim apenas com os loops FOR e WHILE.

Ele mostrará umas informações sobre um número que será gerado a partir de um loop DO, e que depois, com a execução do script expoente(), iremos obter o número, de base 2, elevado a um número (i).

Encare isso como uma equação.

E com um valor estipulado, temos diversas soluções para essa equação.

Caso esteja em dúvida sobre isso, por favor, me avise, postando aqui um tópico.


E o script estará em anexo.

<HEAD>

<script LANGUAGE="JavaScript">
<!--
var isNN = (navigator.appName.indexOf("Netscape")!=-1);
function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode;
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}
function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
index++;
return found;
}
function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)index = i;
else i++;
return index;
}
return true;
}
//-->
</script>
</HEAD>

<BODY>

<center>
<form>
<table>
<tr>
<td>Phone Number : <br>
1 - (
<small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small>) -
<small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small> -
<small><input onKeyUp="return autoTab(this, 4, event);" size="5" maxlength="4"></small>
</td>
</tr>
<tr>
<td>Social Security Number : <br>
<small><input onKeyUp="return autoTab(this, 3, event);" size="4" maxlength="3"></small> -
<small><input onKeyUp="return autoTab(this, 2, event);" size="3" maxlength="2"></small> -
<small><input onKeyUp="return autoTab(this, 4, event);" size="5" maxlength="4"></small>
</td>
</tr>
</table>
</form>
</center>

Peguei esse script no site JavaScript Source (http://www.javascriptsource.com).

WITHOUT A NICK

Gostaria de saber um modo de fazer um link para imprimir o conteudo de outra pagina.

Como faco isso??????!!!!!!