Mostrar noticias con efecto fade in al guardar en BD

[franjgg]

Hola amigos como estan,

Vereis tendo un codigo que me muestra noticias de una base de datos la cosa es que me gustaria que cuando inserte la noticia en la base de datos al mostrarla hiciese ese efecto fade in, he buscado por el foro pero no he encontrado nada que se acerque para poder implementarlo, a ver si alguien sabe como podria hacerse esto me horientase un poquito.

Mil gracias de antemano

[IsaBelM]

haciendo algunos cambios, esta es la solución

[franjgg]

Hola isabelm muchisimas gracias,

He podido probar la funcion y hace el efecto contrario al que estoy intentando que seria que lo mostrase lentamente, estoy intentando modificarla para que haga este efecto pero no ando muy suelto con javascript:


function fadeElement(e){
this.element = document.getElementById(e);
this.element.style.visibility='hidden';
this.finish = function(){};//método vacío
this.timmer=0;
this.ejecutar=function(inicio,fin){
if(inicio<fin){
clearTimeout(this.timmer);
this.element.style.visibility='visible';
return this.finish();//llamamos al método vacío
}
this.element.style.opacity=inicio;
this.element.style.filter='alpha(opacity='+inicio* 100+')';
var _self=this;
this.timmer=setTimeout(function(){_self.ejecutar(i nicio-0.05,0)},50);
}


}


He cambiado el visible y el hidden intercambiandolos pero lo unico que consigo es que aparezca muy levemente casi no se ve es practicamente imbisible.


Bueno un saludo amiga y mil gracias

[IsaBelM]

compara estos cambios con los que tú has realizado

function fadeElement(e){
this.element = document.getElementById(e);
this.element.style.display='block';
this.timmer=0;
this.ejecutar=function(inicio,fin){

if(inicio>fin){
clearTimeout(this.timmer);
}

this.element.style.opacity=inicio;
this.element.style.filter='alpha(opacity='+inicio* 100+')';
var _self=this;
this.timmer=setTimeout(function(){_self.ejecutar(i nicio+0.05,1)},50);
}
}


onload=function(){
var hidebox = new fadeElement("box");
hidebox.ejecutar(0,1);
}

[franjgg]

Hola de nuevo amiga,

Estaba intentando poner en positivo el (inicio+0.05,1)},50); que antes estaba restando pero tampoco funionaba parece que la clave estaba en display=block y en eliminar esta linea: this.element.style.opacity=inicio;

De nuevo mil gracias amiga por tu atencion, es exactamente lo que queria por que ahora lo que hago es en el bucle inserto este div y ala vez que inserte en la BD me lo muestra con este efecto.

Muchas gracias

[IsaBelM]

Iniciado por franjgg

Hola de nuevo amiga,

Estaba intentando poner en positivo el (inicio+0.05,1)},50); que antes estaba restando pero tampoco funionaba parece que la clave estaba en display=block y en eliminar esta linea: this.element.style.opacity=inicio;

lo has probado en algún navegador que no sea ie?? creo que no

[franjgg]

umm es cierto lo estaba probando en mozilla pero en IE7 no funciona, no se si podriamos arreglarlo.

Tienes alguna idea amiga.

un saludo

[IsaBelM]

no te puedo decir el por qué no funciona en ie7. de cualquier modo es un navegador lo suficientemente antiguo como para que no importe.

también es imposible que te funcione es ff, chrome, opera o safari. al eliminar esta línea

this.element.style.opacity=inicio;

sólo funcionará en ie8+

[franjgg]

Hola de nuevo amiga,

Mira he encontrado en internet esta pagina en la que aparece algo parecido a lo que me gustaria hacer:

http://www.meneame.net/sneak.php

Parece que cuando insertan algo en la BD el ajax lo muetra automaticamente sin refrescar y con el dichoso efecto fade in.

Un saludo

[IsaBelM]

eso no es ajax es comet

[franjgg]

BUscando en el foro he encontrado este post en el que parece que estan usando comet, creo que modificando el php para que haga la consulta a la base de datos se podria conseguir.

http://www.forosdelweb.com/f127/ejem...olling-681509/

Que opinion tienes amiga?

[IsaBelM]

lee este tema

[franjgg]

MM, mirando este tema parece que se prodia hacer mediante Long Polling la cosa es no termino de entender la diferencia entre comet y Long Polling creo que es el modo en que hace las llamadas al server

He podido encontrar este link:

http://www.forosdelweb.com/f127/come...olling-947728/

En el que hacen mediante Long Polling un codigo con conexion a la BD, piensan amiga que podria ser valido para mi proposito, posteiormente añadiendole el efecto de fade in?

Un saludo y mil gracias de nuevo