Autor Tema: [AYUDA] refresca div cada 5 segundos  (Leído 4936 veces)

Desconectado myxbosz

  • PHPerit@
  • *
  • Mensajes: 17
  • Karma: 2
    • Ver Perfil
[AYUDA] refresca div cada 5 segundos
« en: 07 de Noviembre de 2010, 20:39:05 pm »
bueno he vuelto despues de un largo tiempo , bueno quisiera saber si me pueden ayudar con esto:

refrescar un div cada 5 segundos (no la pagina entera ojo)
para la consulta sql , para cuando inserte nuevos datos salgan en el div sin necesidad de dar f5 a la pagina

espero respuestas gracias :D

Comunidad PHPeros

[AYUDA] refresca div cada 5 segundos
« en: 07 de Noviembre de 2010, 20:39:05 pm »

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA] refresca div cada 5 segundos
« Respuesta #1 en: 07 de Noviembre de 2010, 20:41:38 pm »

Deebes usar Ajax, si quieres te paso un tutorial que posteo un compañero de aquí en PHPeros y es:
http://www.phperos.net/foro/index.php/topic,1935.0.html

En el archivo php, en vez de comprobar lo que pone, haces una consulta para mostrar los usuarios :P

#Fdo. Physlet

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:[AYUDA] refresca div cada 5 segundos
« Respuesta #2 en: 07 de Noviembre de 2010, 20:49:22 pm »
No se si estoy mal, pero intenta hacerlo con JQuery, seleccionas la etiqueda del div, y le marcas una función

$(document).ready(function() {
  $('#Div a actualizar').load('myxbos.php');
  var refreshId = setInterval(function() {
 $('#Div a actualiza').load('myxbos.php?valoralazar='+ Math.random()); }, 60000);
});

Esto lo que hará es que actualizará el div cada cada 1 Minuto... si quieres editar el tiepo al final del math random , 60000);
« Última modificación: 07 de Noviembre de 2010, 20:51:14 pm por Rastrillox »

Desconectado myxbosz

  • PHPerit@
  • *
  • Mensajes: 17
  • Karma: 2
    • Ver Perfil
Re:[AYUDA] refresca div cada 5 segundos
« Respuesta #3 en: 07 de Noviembre de 2010, 20:53:38 pm »
Deebes usar Ajax, si quieres te paso un tutorial que posteo un compañero de aquí en PHPeros y es:
http://www.phperos.net/foro/index.php/topic,1935.0.html

En el archivo php, en vez de comprobar lo que pone, haces una consulta para mostrar los usuarios :P

bueno es algo parecido pero yo quiero que por ejemplo:

<body onLoad="javascript:nombre funcion();">
este es como la inicial del refresco y ahora lo que refrescara sera el div
<div id="nombre">
</div>
</body>

y lo unico que me complica es el codigo javascript :S
espero que me ayuden :D

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:[AYUDA] refresca div cada 5 segundos
« Respuesta #4 en: 07 de Noviembre de 2010, 21:02:33 pm »
Ya te dije, anteriormente con jquery no te complicas la vida.. te ahorras una pasta de code..
« Última modificación: 07 de Noviembre de 2010, 21:04:55 pm por Rastrillox »

Desconectado myxbosz

  • PHPerit@
  • *
  • Mensajes: 17
  • Karma: 2
    • Ver Perfil
Re:[AYUDA] refresca div cada 5 segundos
« Respuesta #5 en: 07 de Noviembre de 2010, 21:08:02 pm »
Ya te dije, anteriormente con jquery no te complicas la vida.. te ahorras una pasta de code..

pero explicate ps :S ya que soy novato en eso , yo le pego mas a php nomas , si fueras mas especifico te lo agradeceria :D

Desconectado j0n4th4ntub3

  • PHPerit@
  • *
  • Mensajes: 18
  • Karma: 2
  • Nuev@ PHPer@
    • Ver Perfil
Re:[AYUDA] refresca div cada 5 segundos
« Respuesta #6 en: 07 de Noviembre de 2010, 22:34:58 pm »
con jquery http://docs.jquery.com/Downloading_jQuery  puede ser




HTML:

Código: [Seleccionar]
<div id="recarga"></div>
Javascript:

Código: [Seleccionar]
$(document).ready(function(){

setTimeout(function(){

$('#recarga').slideUp();

$('#recarga').ajax({
type : 'post', // o get
data : '' // si necesitas enviar parametros por get o post | data : 'id=' + id + '&_id=' + _id,
url : '/target.php' // ruta hacia el archivo.
success : function(html){

$('#recarga').html(html);
$('#recarga').slideDown();

}


});

},5000);

});


saludos!