Problema com parâmetros na função - Trabalhando com Date()

Joeber Gonçalves Garcia · Junho 6, 2010

Criei uma função que pega a data passado por parâmetro, onde essa data vai ser convertida em MILISEGUNDOS e feita a diferença da data atual em MILISEGUNDOS calculando os dias que faltam para o aniversário de tal pessoa.

O problema tá no seguinte: quando disparo o evento onclick para mudar a data de aniversário de outra pessoa, os campos ficam alternando entre um e outro. Mas eu quero que apareça os dados somente do aniversário da pessoa que foi clicada. Se alguém puder me ajudar, ficarei muito grato.

Segue abaixo o script inteiro:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Algoritmo Calcula Dias</title>

<script type="text/javascript">
/*
Objetivo: Criar um algoritmo que disponibilize botões para cada pessoa de data de aniversário diferente e exiba quantos meses, dias, horas, minutos e segundos faltam para o dia chegar.
*/


function calcula(dataPesquisa)
{

    var hoje = new Date();
    var hojeMS = hoje.getTime();
    
    var niver = new Date(dataPesquisa);
    var niverMS = niver.getTime();
    
    milisegundos = niverMS - hojeMS;
    segundos = Math.floor(milisegundos/1000);
    minutos = Math.floor(segundos/60);
    horas = Math.floor(minutos/60);
    dias = Math.floor(horas/24);
    meses = Math.floor(dias/30);
    
    document.forms[0].aMilisegundos.value = milisegundos;
    document.forms[0].aSegundos.value = segundos;
    document.forms[0].aMinutos.value = minutos;
    document.forms[0].aHoras.value = horas;
    document.forms[0].aDias.value = dias;
    document.forms[0].aMeses.value = meses;

    window.setTimeout("calcula('"+dataPesquisa+"')",1);


}

</script>

<style>
*
{
    font-family:Verdana, Geneva, sans-serif;

}

#dados input
{
    font-size:2em;    
    text-align:left;
}

.td1
{
    text-align:right;
    font-weight:bold;
}
</style>
</head>

<body>
<h1 style='background-color:#e0e0e0;'>Aniversário da Anália em 14 de novembro de 2010</h1>
<form>

<div id='dados'>
<table border='0' cellpadding="5">
 <tr>
  <td class='td1'>Milisegundos: </td> <td><input type='button' name='aMilisegundos' /></td>
 </tr>

 <tr>
  <td class='td1'>Segundos: </td> <td><input type='button' name='aSegundos' /></td>
 </tr>

 <tr>
  <td class='td1'>Minutos: </td> <td><input type='button' name='aMinutos' /></td>
 </tr>

 <tr>
  <td class='td1'>Horas: </td> <td><input type='button' name='aHoras' /></td>
 </tr>

 <tr>
  <td class='td1'>Dias: </td> <td><input type='button' name='aDias' /></td>
 </tr>

 <tr>
  <td class='td1'> Meses: </td> <td><input type='button' name='aMeses' /></td>
 </tr>

</table>
</div>
<br />

<input type='button' onclick="calcula('November 14, 2010 00:00:00');" value='Anália Cunha' />
<input type='button' onclick="calcula('July 15, 2010 00:00:00');" value='Jéssica Furquim' />

</form>

</body>
</html>

:mellow: :mellow: :mellow:

Editado Junho 6, 2010 por Joeber Gonçalves Garcia

Entrar

Problema com parâmetros na função - Trabalhando com Date()

Pergunta

Joeber Gonçalves Garcia

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades