si es posible recargar/refrescar un <div> con javascript?

dark_fuhrer · #1 (**permalink**) 24/02/2008, 14:54

mi pregunta es la siguiente...
si es posible recargar/refrescar un <div> con javascript?

por ejemplo:
tengo el siguiente <div> y quiero recargarlo:

Cita:

me habian dicho que se podia hacer con "settimeout" pero no se hacerlo

me encantaria que me pudiesen ayudar.
desde ya les agradezco..
besos
bye

Bellenger · #2 (**permalink**) 24/02/2008, 16:11

Código HTML:

 function hora(id){
    var fecha=new Date();
   document.getElementById(id).innerHTML=fecha;
 }
 function llamarHora(){
   hora('reloj');
   setTimeout("llamarHora()",1000);
 }
   <input type="button" value="Hora..." onclick="llamarHora()" />
  <div id='reloj'>
  </div>

Con eso basta...

dark_fuhrer · #3 (**permalink**) 24/02/2008, 18:00

Cita:

Iniciado por Bellenger

Código HTML:

 function hora(id){
    var fecha=new Date();
   document.getElementById(id).innerHTML=fecha;
 }
 function llamarHora(){
   hora('reloj');
   setTimeout("llamarHora()",1000);
 }
   <input type="button" value="Hora..." onclick="llamarHora()" />
  <div id='reloj'>
  </div>

Con eso basta...

Hola Bellenger.. la verdad que es genial el codigo.. me sirve..
pero queria consultarte una pequeña duda que tengo..
tu usaste un boton de comando para que dispare el evento que cambia la hora.. pero es posible que la hora se actualce sola sin usar un boton de comando?

te agradezco tu ayuda.
besotes ... saludos
bye bye

stock · #4 (**permalink**) 24/02/2008, 18:13

claro que si, pero necesitas inicializar el timeout cuando se carga la página.

function hora(id){
var fecha=new Date();
document.getElementById(id).innerHTML=fecha;
}
function llamarHora(){
hora('reloj');
setTimeout("llamarHora()",1000);
}

<body onload="llamarHora()">
<div id='reloj'>
</div>
</body>

Usar este metodo hara l que tu deceas, pero tiene algunos inconvenientes cuando en tu pagina hay imagenes muy grandes, pues el evento onload se ejecuta una vez que todo esta descargado, si este es un problema para ti, te recomendaria utilizar algun framework javascript que soporte el evento domready, por ejemplo mootools

http://demos.mootools.net/DomReadyVS.Load

have funnnnnnnn

dark_fuhrer · #5 (**permalink**) 24/02/2008, 18:38

osea.. tu me dices que si uso "framework javascript" se solucionaria el problema o inconveniente que me citabas?
el "framework javascript" trabaja bien con javascript?.
me puedes mostrar algun web site que tenga sobre el tema para comprender mejor su funcionamiento?
y tambien algun lugar que trate sobre el evento "domready"
.. te agradezco todo
gracias :D

saludos
byes
gracias muchas gracias
kisess...

lucasan · #6 (**permalink**) 24/02/2008, 19:09

Yo de Js ni idea, pero mirate este ejemplo... http://demos.mootools.net/Ajax_Timed

dark_fuhrer · #7 (**permalink**) 24/02/2008, 20:34

Cita:

Iniciado por lucasan

Yo de Js ni idea, pero mirate este ejemplo... http://demos.mootools.net/Ajax_Timed

no se que tal sera mootools.. estaba comprendiendo algo de jQuery.. aunque hay poca documentacion... la web que me pasaste esta genial..el ejemplo tambien lo esta.. voy a tratar de profundizar mas sobre el tema..
gracias x tu ayuda amigo
suerte.. abrazos..
byes

caricatos · #8 (**permalink**) 24/02/2008, 23:34

Hola:

Para poner un reloj con javascript no es necesario aprender a usar ninguna librería... de hecho, en las FAQs había un par de mensajes al respecto: Reloj en la barra de estado y Cómo poner un reloj analógico en mi web... También pueden ponerse relojes analógicos de diseño: Página hecha sin Flash.

Saludos

dark_fuhrer · #9 (**permalink**) 25/02/2008, 05:20

Cita:

Iniciado por caricatos

Hola:

Para poner un reloj con javascript no es necesario aprender a usar ninguna librería... de hecho, en las FAQs había un par de mensajes al respecto: Reloj en la barra de estado y Cómo poner un reloj analógico en mi web... También pueden ponerse relojes analógicos de diseño: Página hecha sin Flash.

Saludos

claro amigo.. entiendo.. pero si te fijas en el primer post que hice.. yo estoy tomando la hora del servidor... quiero consultarla al server y esta tiene qiue actualizarse..
entendes?

ns vms
bye
abrazos

caricatos · #10 (**permalink**) 25/02/2008, 05:39

Hola:

La hora del servidor puede pedirse al cargarse la página, pero es absurdo preguntarle al servidor la hora actual... no digo que no pueda hacerse, sino que es absurdo.

Saludos

dark_fuhrer · #11 (**permalink**) 26/02/2008, 08:40

Cita:

Iniciado por caricatos

Hola:

La hora del servidor puede pedirse al cargarse la página, pero es absurdo preguntarle al servidor la hora actual... no digo que no pueda hacerse, sino que es absurdo.

Saludos

hola caricatos
me parece que consultarle la hora al servidor no es absurdo... no lo es..
gracias amigo.
abrazos
bye

caricatos · #12 (**permalink**) 26/02/2008, 10:29

Cita:

Iniciado por dark_fuhrer

hola caricatos
me parece que consultarle la hora al servidor no es absurdo... no lo es..
gracias amigo.
abrazos
bye

Hola:

Pues imagínate que tu página es visitada en un momento dado por unos 100 usuario (este foro ha tenido muchos momentos más de 4000)... y esa misma página tiene implementado un script que actualice la hora pidiéndosela al servidor cada segundo... "o sea se" que cada segundo tiene cien peticiones al server...

Lo que quiero decirte es que con scripts absurdos (y no te enojes porque use ese término) puedes lograr que muy pocas visitas colapsen el acceso a tu página...

Estoy seguro, segurísimo, que no tienes esa intención (o tal vez sí...)

Si en vez de pedir cada segundo la hora a tu servidor, pones un script que a partir de la hora del servidor se actualice cada segundo en el navegador del visitante, vas a ganar mucho ancho de banda...

No es mi intención debatir si es absurdo o no lo que quieres, tan solo te estoy dando mi opinión...

Saludos

dark_fuhrer · #13 (**permalink**) 27/02/2008, 12:14

muchas gracias caricatos... me acabo de dar cuenta que eres una gran persona.. no me enojado contigo... solo que soy yo el que entendio mal... perdon... lo tome de otra manera... me parece genial tu idea... y no conviene llamar innecesariamente tantas veces al server... tienes razon.
muchas gracias por tu aporte.
saludos. abrazos.
cuidate.
bye

dark_fuhrer · #14 (**permalink**) 27/02/2008, 14:25

Cita:

Iniciado por caricatos

Hola:

Pues imagínate que tu página es visitada en un momento dado por unos 100 usuario (este foro ha tenido muchos momentos más de 4000)... y esa misma página tiene implementado un script que actualice la hora pidiéndosela al servidor cada segundo... "o sea se" que cada segundo tiene cien peticiones al server...

Lo que quiero decirte es que con scripts absurdos (y no te enojes porque use ese término) puedes lograr que muy pocas visitas colapsen el acceso a tu página...

Estoy seguro, segurísimo, que no tienes esa intención (o tal vez sí...)

Si en vez de pedir cada segundo la hora a tu servidor, pones un script que a partir de la hora del servidor se actualice cada segundo en el navegador del visitante, vas a ganar mucho ancho de banda...

No es mi intención debatir si es absurdo o no lo que quieres, tan solo te estoy dando mi opinión...

Saludos

hola caricatos... quisieras que me dijeras como hacer lo que me dijistes:
"Si en vez de pedir cada segundo la hora a tu servidor, pones un script que a partir de la hora del servidor se actualice cada segundo en el navegador del visitante..."

mi pregunta es la siguiente:
para actualizar la hora en el cliente una vez que obtube la hora del server.. como lo hago? osea.. como lo actualizaria si en mi opinion seria lo mismo... estaria haciendole peticiones al server a cada rato... estariamos en la misma...

este es el scripot que yo estoy usando:

Cita:

function hora(id){
fecha="<?php echo(date('D j M'));?>";
hora="<?php echo(date(" H:i" ));?>";

fecha_hora=fecha+""+hora;

document.getElementById(id).innerHTML=fecha_hora;
}

function llamarHora(){
hora('fecha');
setTimeout("llamarHora();",100);
}

-->
</script>

este es el html:

Cita:

... eso es lo que les planteo.... como pueden ver ... la fecha y la hora no se actualiza... esto es debido al php dentro del javascript..
lo queiro saber es como hago para hacer lo que tu me dices.....
osea... pedirle al server la hora y despues que se actualiza sola en el cliente..

espero que me comprendas mi planteo..
saludos

caricatos · #15 (**permalink**) 27/02/2008, 17:52

Hola:

Suponiendo que tienes en php las variables $hora, $minutos y $segundos... sería:

<script >
var hora = <?=$hora; ?>;
var minutos = <?=$minutos; ?>;
var segundos = <?=$segundos; ?>;
function actualizar_hora() {
if (++segundos == 60) {
segundos = 0;
if (++minutos == 60) {
minutos = 0;
hora++;
}
}
document.getElementById(id).innerHTML=hora + ":" + minutos + ":" + segundos;
}
setInterval("actualizar_hora()", 1000);
</script>

Lo puse a pelo, así que puede tener algún fallo, pero creo que debe funcionar bien.

Saludos

lucasan · #16 (**permalink**) 28/02/2008, 09:42

No se para que vas a usar esa hora, pero si la vas a usar para que la vea el cliente (o usuario de tu pagina) no creo que sea recomendable que tomes la hora del servidor, ya que no es la misma hora en tu server que en algunas partes del mundo.

Debería ser mejor como dice Caricatos tomar la hora con Javascript, pero la hora del PC del usuario.

Por ejemplo a esta hora son (en mi PC) las 10:44 a.m. (Colombia) y en España deben ser las 4:44 p.m.

Saludos.

dark_fuhrer · #17 (**permalink**) 29/02/2008, 08:44

gracias lucasan y caricatos... la verdad que me anda genial..
me funciona excelente.. gracias a todos los chicos que aportaron su ayuda.