Campos para calcular edad

Jesijames · #1 (**permalink**) 30/07/2010, 12:54

HOLA, TENGO ÉSTE CÓDIGO EN JAVASCRIPT DONDE SE LLEVA A CABO EL CALCULO DE LA EDAD DE UNA PERSONA MEDIANTE EL INGRESO DE LA FECHA DE NACIMIENTO DE LA MISMA.
MI PROFESOR DE DISEÑO WEB ME PIDE " los campos que debe ingresar el usuario" Y UN BOTÓN, NO SE COMO SE HACE Y ME ESTOY VOLVIENDO LOCA.
EL CÓDIGO ES EL SIGUIENTE:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cálculo de la edad de una persona con Javascript</title>

<script type="text/javascript" >
//calcular la edad de una persona
//recibe la fecha como un string en formato español
//devuelve un entero con la edad. Devuelve false en caso de que la fecha sea incorrecta o mayor que el dia actual
function calcular_edad(fecha){
//calculo la fecha de hoy
hoy=new Date(dia,mes,ano)
dia=dia.getDate
mes=mes.getMonth
ano=ano.getYear
//alert(hoy)

//calculo la fecha que recibo
//La descompongo en un array
var Array fecha = fecha.split("/")
//si el array no tiene tres partes, la fecha es incorrecta
if (Array fecha.length!=3)
return false

//compruebo que los ano, mes, dia son correctos
var ano
ano = parseInt(Array fecha[2]);
if (isNaN(ano))
return false

var mes
mes = parseInt(Array fecha[1]);
if (isNaN(mes))
return false

var dia
dia = parseInt(Array fecha[0]);
if (isNaN(dia))
return false

//si el año de la fecha que recibo solo tiene 2 cifras hay que cambiarlo a 4
if (ano<=99)
ano +=1900

//resto los años de las dos fechas
edad=hoy.getYear()- ano - 1; //-1 porque no se si ha cumplido años ya este año

//si resto los meses y me da menor que 0 entonces no ha cumplido años. Si da mayor si ha cumplido
if (hoy.getMonth() + 1 - mes < 0) //+ 1 porque los meses empiezan en 0
return edad
if (hoy.getMonth() + 1 - mes > 0)
return edad+1

//entonces es que eran iguales. miro los dias
//si resto los dias y me da menor que 0 entonces no ha cumplido años. Si da mayor o igual si ha cumplido
if (hoy.getDate() - dia >= 0)
return edad + 1

return edad
}

</script>
</head>
si me pueden ayudar será mejor para mi salud mental
Gracias

Adler · #2 (**permalink**) 30/07/2010, 14:05

Hola

A ver si esto te ayuda para que te des cuenta de que estás haciendo mal

Código Javascript:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function calcular_edad(opt1,opt2,opt3) {
var dia, mes, anyo
if (opt1 == "") {dia = document.forma28.dia.options[document.forma28.dia.selectedIndex].value;} else { dia = opt1;}
if (opt2 == "") {mes = document.forma28.mes.options[document.forma28.mes.selectedIndex].value;} else { mes = opt2;}
if (opt3 == "") {anyo = document.forma28.ano.options[document.forma28.ano.selectedIndex].value;} else { anyo = opt3;}
 
alert("Dia " +dia+ " Mes " +mes+ " Anyo " +anyo)
 
var nacimiento =new Date(anyo, mes, dia)
hoy = new Date()
var cuantos_dias =1000*60*60*24*365
document.getElementById("edad").value = (Math.ceil((hoy.getTime()-nacimiento.getTime())/(cuantos_dias))-1);
}
</script>
</head>
<body>
<center> REGISTRO </center>
<center>
        <form name="forma28" action="index.php?mod=jugadores&pag=guardar" id="forma28" method="post" onSubmit="return validar_jugador(this)" >
         <table border="0" align="center"   id="gradient-style">
            
                <tr>
                <td> Fecha de Nacimiento </td>
                <td> <select name="dia" size="5" onchange="calcular_edad(this.options[this.selectedIndex].value,'','');">
            <option value=""> D&Iacute;A</option>
            <option value="1" selected> 1</option>
            <option value="2"> 2</option>
            <option value="3"> 3</option>
            <option value="4"> 4</option>
            <option value="5"> 5</option>
            <option value="6"> 6</option>
            <option value="7"> 7</option>
            <option value="8"> 8</option>
            <option value="9"> 9</option>
            <option value="10"> 10</option>
            <option value="11"> 11</option>
            <option value="12"> 12</option>
            <option value="13"> 13</option>
            <option value="14"> 14</option>
            <option value="15"> 15</option>
            <option value="16"> 16</option>
            <option value="17"> 17</option>
            <option value="18"> 18</option>
            <option value="19"> 19</option>
            <option value="20"> 20</option>
            <option value="21"> 21</option>
            <option value="22"> 22</option>
            <option value="23"> 23</option>
            <option value="24"> 24</option>
            <option value="25"> 25</option>
            <option value="26"> 26</option>
            <option value="27"> 27</option>
            <option value="28"> 28</option>
            <option value="29"> 29</option>
            <option value="30"> 30</option>
         </select>
              <select name="mes" size="5" onchange="calcular_edad('',this.options[this.selectedIndex].value,'');">
                <option value=""> MES </option>
                <option value="0" selected> Enero</option>
                <option value="1"> Febrero</option>
                <option value="2"> Marzo</option>
                <option value="3"> Abril</option>
                <option value="4"> Mayo</option>
                <option value="5"> Junio</option>
                <option value="6"> Julio</option>
                <option value="7"> Agosto</option>
                <option value="8"> Septiembre</option>
                <option value="9"> Octubre</option>
                <option value="10"> Noviembre</option>
                <option value="11"> Diciembre</option>
              </select>
            <select name="ano"  size="5" onchange="calcular_edad('','',this.options[this.selectedIndex].value);">
                <option value=""> A&Ntilde;O</option>
                <option value="74" selected> 1974</option>
                <option value="75"> 1975</option>
                <option value="76"> 1976</option>
                <option value="77"> 1977</option>
                <option value="78"> 1978</option>
                <option value="79"> 1979</option>
                <option value="80"> 1980</option>
                <option value="81"> 1981</option>
                <option value="82"> 1982</option>
                <option value="83"> 1983</option>
                <option value="84"> 1984</option>
                <option value="85"> 1985</option>
                <option value="86"> 1986</option>
                <option value="87"> 1987</option>
                <option value="88"> 1988</option>
                <option value="89"> 1989</option>
                <option value="90"> 1990</option>
                <option value="91"> 1991</option>
                <option value="92"> 1992</option>
                <option value="93"> 1993</option>
                <option value="94"> 1994</option>
                <option value="95"> 1995</option>
                <option value="96"> 1996</option>
                <option value="97"> 1997</option>
                <option value="98"> 1998</option>
                <option value="99"> 1999</option>
                <option value="2000"> 2000</option>
                <option value="2001"> 2001</option>
                <option value="2002"> 2002</option>
                <option value="2003"> 2003</option>
                <option value="2004"> 2004</option>
                <option value="2005"> 2005</option>
                <option value="2006"> 2006</option>
                <option value="2007"> 2007</option>
                <option value="2008"> 2008</option>
                </select>
                </td>
                </tr>
            <tr>
            <tr>
                <td>Edad:</td> 
                <td><input type="text" id="edad" name="edad" size="10" maxlength="2">
                </td>
        </tr>
    </table>
        
</body>
</html>

Suerte

Jesijames · #3 (**permalink**) 03/08/2010, 07:47

Hola yo de nuevo! le envié el codigo que hiciste a mi profesor de diseño web, y dice que le falta un botón parea calcular. Podrías decirmew como lo hago?
Gracias
Jesy

Adler · #4 (**permalink**) 03/08/2010, 07:54

Hola

Cita:

Iniciado por Jesijames

Hola yo de nuevo! le envié el codigo que hiciste a mi profesor de diseño web, y dice que le falta un botón parea calcular. Podrías decirmew como lo hago?
Gracias
Jesy

Así eso te ha dicho tu profesor

¿No será que a el le falta un tornillo?

No se que quiere decir, solo puedo decirte que todos los caminos llegan a Roma

Suerte

Jesijames · #5 (**permalink**) 03/08/2010, 16:52

Bueno, muy buena forma de trabajar interdisciplinariamente con dos disciplinas tan distintas como la Infomática y la Filosofía, jajajaja.
Seguiré buscando mi camino a Roma.
Jijijiji.
Jesica

Adler · #6 (**permalink**) 04/08/2010, 05:53

Hola

Cita:

Iniciado por Jesijames

Bueno, muy buena forma de trabajar interdisciplinariamente con dos disciplinas tan distintas como la Infomática y la Filosofía, jajajaja.
Seguiré buscando mi camino a Roma.
Jijijiji.
Jesica

No sé a que botón se refiere. Si eres mas concreto, .....

Suerte

Jesijames · #7 (**permalink**) 04/08/2010, 08:11

hola, yo de vuelta: sabes que?me canse que mi profesor me presione por que no se hacer lo que me pide, por que el código esta perfecto pero creo que lo que el quiere es que lo haga yo misma, asi que lo que te voy a pedir es que si sabes de alguna página que tenga un buen tutorial para aprender javascript desde cero (como es mi caso), me dijeron de uno que se llama "javascript para tontos" (mirá lo que tengo que asumir de mi misma! jajaj), pero no lo consigo en español, asi a lo mejor vos sabes de alguno.
Saludos y nuevamente gracias.
Jesica

Adler · #8 (**permalink**) 04/08/2010, 08:15

Hola

A ver que te parece este para empezar

Suerte

Jesijames · #9 (**permalink**) 05/08/2010, 06:30

Hola no quiero molestar con pequeñeses pero, ¿Sabes como se llama el editor de javascript de la compañia Sun Microsistem?
Jesica

Jesijames · #10 (**permalink**) 05/08/2010, 06:53

Cita:

Iniciado por Adler

Hola

[URL="http://librosweb.es/javascript/"]A ver que te parece este para empezar[/URL]

Suerte

HAAAA! me olvidaba! Muy buen material, justo lo que necesitaba! Gracias!
Espero poder hacerte consultas acerca del mismo. Por que vos te ocupas mas de mi que mi profesor Jaajaja.
Saludos.
Jesica

Adler · #11 (**permalink**) 05/08/2010, 07:15

Hola

Cita:

Iniciado por Jesijames

Hola no quiero molestar con pequeñeses pero, ¿Sabes como se llama el editor de javascript de la compañia Sun Microsistem?
Jesica

Pues eso no te va a ayudar en nada a aprender.Se llama Macromedia Dreamweaver, creo

Suerte

Jesijames · #12 (**permalink**) 06/08/2010, 06:08

Bueno, tomo muy en cuenta tus consejos.
No, al dreamweaver ya lo tengo y lo manejo, pero me dijeron que el otro es mejor.
Vos cual usas?

Adler · #13 (**permalink**) 06/08/2010, 07:16

Hola

Cualquier editor de texto; notepad++, block de notas, .... y a escribir y reescribir códigos hasta lograr lo que quede algo medio decente

Suerte

Jesijames · #14 (**permalink**) 09/08/2010, 08:25

Guau!!...Medio decente? que esperanzas!

Jesijames · #15 (**permalink**) 10/08/2010, 13:37

<head>
<title>Cálculo de la edad de una persona con Javascript</title>

<script type="text/javascript" >

//calcular la edad de una persona
//recibe la fecha como un string en formato español
//devuelve un entero con la edad. Devuelve false en caso de que la fecha sea incorrecta o mayor que el dia actual
function calcular_edad(hoy,fecha,edad){
//calculo la fecha de hoy
hoy=new Date(dia,mes,ano)
dia=dia.getDate
mes=mes.getMonth
ano=ano.getYear
//alert(hoy)

//calculo la fecha que recibo
//La descompongo en un array
var Array fecha = fecha.split("/")
//si el array no tiene tres partes, la fecha es incorrecta
if (Array fecha.length!=3)
return false

//compruebo que los ano, mes, dia son correctos
var ano
ano = parseInt(Array fecha[2]);
if (isNaN(ano))
return false

var mes
mes = parseInt(Array fecha[1]);
if (isNaN(mes))
return false

var dia
dia = parseInt(Array fecha[0]);
if (isNaN(dia))
return false

//si el año de la fecha que recibo solo tiene 2 cifras hay que cambiarlo a 4
if (ano<=99)
ano +=1900

//resto los años de las dos fechas
edad=hoy.getYear()- ano - 1; //-1 porque no se si ha cumplido años ya este año

//si resto los meses y me da menor que 0 entonces no ha cumplido años. Si da mayor si ha cumplido
if (hoy.getMonth() + 1 - mes < 0) //+ 1 porque los meses empiezan en 0
return edad
if (hoy.getMonth() + 1 - mes > 0)
return edad+1

//entonces es que eran iguales. miro los dias
//si resto los dias y me da menor que 0 entonces no ha cumplido años. Si da mayor o igual si ha cumplido
if (hoy.getDate() - dia >= 0)
return edad + 1

return edad
}

</script>
</head>
<body>
<script>
var fecha= prompt("introduce tu fecha de nacimiento")
var resultado= calcular_edad (hoy,fecha,edad)
alert ("Tu edad es:"+ resultado)
</script>
</body>
</html>
No sé si te llegó el mensaje anterior pero le agregué al código que te había mandado al principio unas variables en la parte del boby para que la persona ingrese su fecha de nacimiento, lo que no se si la función esta bien llamada por que cuando la ejecuto lo unico que me aparece es la ventana en donde se le pide lña fecha de nacimiento a la persona pero no aparece mas nada.
La pregunta es si te podes fijar en donde esta el error para que no me calcule la edad que está desarrollado en la funcion calcula_edad.
Gracias.
Saludos.
Jesica

Adler · #16 (**permalink**) 10/08/2010, 15:28

Hola

Al final tendrás que dejar de pagar a ese profesor y pagarme a mi

Código Javascript:

Ver original<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
function calcular_edad() {
var fecha = null;
var fecha = prompt("Fecha de nacimiento","");
if (fecha == null || fecha == "") {
alert ("Escribe tu fecha de nacimiento");
} else {
var hoy = new Date()
divFecha = fecha.split("/");
var editFecha = new Date(divFecha[2],divFecha[1],divFecha[0])
diferencia =  hoy.getTime() - editFecha.getTime();
segundostotales = parseInt(diferencia /1000);
anyos = parseInt(segundostotales/60/60/24/365);
alert(anyos)
}
}
</script>
</head>
<body>
<input type="button" onclick="calcular_edad(); return false;"; value="Fecha" />
</body>
</html>

Suerte