[SOLUCIONADO] Ejecutar funcion al cargar página

Toninito · #1 (**permalink**) 11/03/2014, 15:26

Buen dia

Espero y puedan ayudarme, tengo una funcion que me da el numero de semana al presionar un boton, pero lo que necesito es que al momento de cargar la página se llene automaticamente el campo "semana", osea que ejecute la funcion en automatico ya intente con el onload en body pero no me funciono...

Les dejo el codigo que tengo

De antemano muchas gracias por su apoyo

Código HTML:

<!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>Untitled Document</title>
 <script type="text/javascript">
function getWeekNr(){
	var now=new Date(),i=0,f,sem=(new Date(now.getFullYear(), 0,1).getDay()>0)?1:0;
	while( (f=new Date(now.getFullYear(), 0, ++i)) < now ){
		if(!f.getDay()){
			sem++;
		}
	}
	return sem;
}
</script>
</head>

<body>
<input name="semana" type="text" class="tb836" id="semana" size="5" readonly="readonly" onclick="this.value=getWeekNr();" />
</body>
</html>

andresgarciadev · #2 (**permalink**) 11/03/2014, 15:35

llama al input por id y dale como value lo que te retorna la funcion
http://jsfiddle.net/Uw25N/

Toninito · #3 (**permalink**) 11/03/2014, 15:56

Gracias por contestar andresgarciadev

Soy nuevo en esto de Javascript ya intente lo que me mencionas pero no funciona

anexo mi codigo

Código HTML:

<!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>Untitled Document</title>
 <script type="text/javascript">
document.getElementById('semana').value=getWeekNr();
function getWeekNr(){
	var now=new Date(),i=0,f,sem=(new Date(now.getFullYear(), 0,1).getDay()>0)?1:0;
	while( (f=new Date(now.getFullYear(), 0, ++i)) < now ){
		if(!f.getDay()){
			sem++;
		}
	}
	return sem;
}
</script>
</head>

<body onload="getWeekNr();">
<input name="semana" type="text" class="tb836" id="semana" size="5" readonly="readonly" />
</body>
</html>

jarios · #4 (**permalink**) 11/03/2014, 16:46

La funcion getWeekNr() devuelve sem asi que esto onload="getWeekNr();" no tiene sentido por que no estas depositando el valor de sem en ningun lado.

La line que incluye andresgarciadev coloca el valor de sem dentro del input si, pero al usar http://jsfiddle.net no me queda del todo claro desde donde se hace la llamada a la funcion. En general, yo cargaria primero la funcion, luego el documento y al final llamaria a la funcion para cargar el valor que devuelve dentro del input (a ver si me he explicado bien):

Código HTML:

Ver original...
<head>
...
<script type="text/javascript">
function getWeekNr(){
    var now=new Date(),i=0,f,sem=(new Date(now.getFullYear(), 0,1).getDay()>0)?1:0;
    while( (f=new Date(now.getFullYear(), 0, ++i)) < now ){
        if(!f.getDay()){
            sem++;
        }
    }
    return sem;
}
</script>
</head>
<body>
<input name="semana" type="text" class="tb836" id="semana" size="5" readonly="readonly" />
<script>
document.getElementById('semana').value=getWeekNr();
</script>
</body>
...

Actualizo: Si quieres puedes usar addEventListener y asi el codigo javascript puedes llevarlo fuera:

Código Javascript:

Ver originalwindow.addEventListener('load',getWeekNr());
function getWeekNr(){
    var now=new Date(),i=0,f,sem=(new Date(now.getFullYear(), 0,1).getDay()>0)?1:0;
    while( (f=new Date(now.getFullYear(), 0, ++i)) < now ){
        if(!f.getDay()){
            sem++;
        }
    }
document.getElementById('semana').value=sem;
}

Fijate que el valor de sem lo coloco dentro del input con getElementB...

Igual que el anterior este codigo tiene que estar al final, antes de cerrar body.

Saludos.

PHPeros · #5 (**permalink**) 12/03/2014, 10:19

Código:

window.addEventListener('load',getWeekNnr);

Si no, la función se ejecuta inmediatamente...

Toninito · #6 (**permalink**) 12/03/2014, 12:18

Muchas gracias por sus respuestas jarios, PHPeros y andresgarciadev

me funciono justo como lo necesitaba

Dejo el codigo completo por si alguien mas lo llegara a utilizar

Código HTML:

...
<head>
...
<script type="text/javascript">
function getWeekNr(){
    var now=new Date(),i=0,f,sem=(new Date(now.getFullYear(), 0,1).getDay()>0)?1:0;
    while( (f=new Date(now.getFullYear(), 0, ++i)) < now ){
        if(!f.getDay()){
            sem++;
        }
    }
    return sem;
}
</script>
</head>
<body>
<input name="semana" type="text" class="tb836" id="semana" size="5" readonly="readonly" />
<script>
document.getElementById('semana').value=getWeekNr();
</script>
</body>
...