acutalizar sin parpadear

felipe12357 · #1 (**permalink**) 22/10/2010, 16:55

HOla a todos, no se en cual foro debo publicar esto tonces espero q me orienten un poco,

Tengo una aplicacion q consulta constantenmente una base de datos, dependiendo de lo q consulta muestra una imagen o otra,
Esto lo hace bien sin problemas, el problema es q mientras la pagina carga se alcanza a ver durante un instante la paigna en blanco (como si fuera un parpedeo) , es posbile eliminar este parpadeo?

COmo lo deberia hacer, hasta el momento lo he intentado actualizar la pagina de distintas formas

con la etiqueta <meta http-equiv="refresh" content="5">
con la libreria prototipe de ajax
con una funcion de javascript:

<script languaje=javascript>
setTimeout("window.location='encender.php'", 7000)

</script>

Sin embargo con todas obtengo el mismo resultado, a estas alturas no se siquiera si es posible eliminarlo.

muchas gracias espero me puedan ayudar.

iwexcoder · #2 (**permalink**) 22/10/2010, 17:44

Justamente, el parpadeo corresponde a la recarga de la pagina al efectuar una petición al servidor. Para evitar esto, puedes usar, por ejemplo, AJAX. De esta forma podrás hacer peticiones al servidor de forma asincronica evitando la recargar de la pagina.

Te dejo un link de ejemplo de consultas al servidor con PHP, MySQL y AJAX

http://www.ribosomatic.com/articulos...-de-registros/

emprear · #3 (**permalink**) 22/10/2010, 18:48

felipe12357:

Como te dijo iwexcoder, Ajax es la mejor opción.
Cuando tengas funcionando el ejemplo que te indicó, si queres, automatizar la consulta podés usar (y siguiendo con los datos del ejemplo)

Código HTML:

Ver original<div id="resultado">
<script type="text/javascript">
//<![CDATA[
setInterval("mostrar_consulta('consulta.php')", 5000); 
// tiempo en milisegundos
//]]>
</script>
</div>

con esto se recargará el contenido del div id resultado cada 5 segundos sin necesidad de recargar la página

saludos

felipe12357 · #4 (**permalink**) 23/10/2010, 10:16

Gracias por la pronta respuesta voy a mirar el ejemplo, como yo le estaba haciendo funciona bien, pero con texto, el problema resulta con la imagenes, lo intentare de esta forma y les estare contanto.

Gracias

felipe12357 · #5 (**permalink**) 25/10/2010, 08:30

hola he modificado el codigo ya q yo no utilizo mysql como bd (utilizo sqlite) por ahora funciona bien aun q aun no lo he testeado con imagenes para ello quiero primero automatizar el proceso, lo intente tal y como me dijo emprear, modifique el codigo html y quedo asi:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Consulta Registro con AJAX</title>



<script language="JavaScript" type="text/javascript" src="ajax.js"></script>

</head>

<body>

<p>Consultar registros con ajax</p>



<form name="consulta" action="" onsubmit="MostrarConsulta('consulta.php'); return false">

<label>

<input type="submit" value="Consultar" />

</label>

</form>

<div id="resultado">
<script type="text/javascript">
[CDATA[
setInterval("mostrar_consulta('consulta.php')", 5000);
// tiempo en milisegundos
]]>
</script>

</div>

</body>

</html>

SIN EMBARGO NO LOGRO Q LOS DATOS DE LA BASE DE DATOS ACTUALICEN AUTOMATICAMENTE, no se si cometi algun error, espero me puedan ayudar gracias

ElJavista · #6 (**permalink**) 25/10/2010, 09:09

Disculpa si mi comentario no te es constructivo, pero yo no le veo el drama si tu aplicación recargue, con lo que tú llamas un parpadeo. Acaso nunca haz navegado por Internet? no ves que todas las páginas hacen eso? Aplicar Ajax sería buena idea, pero tendrías que hacerlo full Ajax y eso es mucho trabajo. Te lo digo porque yo he hecho un sistema así. Para tu caso sería aún más trabajo porque la aplicación ya está hecha. Mejor sería que lo dejes así, ya que como tú dices tu aplicación funciona bien. Al fin y al cabo que a nadie que tenga cierta familiaridad con Internet le molestaría que tu aplicación haga lo que hacen todas las aplicaciones web que no son full Ajax (o sea, la mayoría). Bueno, al fin y al cabo es tu decisión si quieres tomarte todo ese trabajo para eliminar un simple y común parpadeo. Suerte!

emprear · #7 (**permalink**) 25/10/2010, 09:50

felipe12357:

Quizás estes implementando algo mal

fijate en
http://emprear.com.ar/reloj_php/

y ahí, demo.html

El ejemplo es un poco exagerado, porque recarga cada segundo
Revisá el códogo fuente para comparar

Saludos