Foros del Web » Programando para Internet » Javascript »

Mostrar noticias con efecto fade in al guardar en BD

Estas en el tema de Mostrar noticias con efecto fade in al guardar en BD en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 17/04/2012, 04:55
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Mostrar noticias con efecto fade in al guardar en BD

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
  #2 (permalink)  
Antiguo 17/04/2012, 05:09
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 12 años, 10 meses
Puntos: 1011
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

haciendo algunos cambios, esta es la solución
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #3 (permalink)  
Antiguo 17/04/2012, 13:30
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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
  #4 (permalink)  
Antiguo 17/04/2012, 13:45
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 12 años, 10 meses
Puntos: 1011
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

compara estos cambios con los que tú has realizado
Cita:
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);
}
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #5 (permalink)  
Antiguo 17/04/2012, 13:58
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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
  #6 (permalink)  
Antiguo 17/04/2012, 14:06
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 12 años, 10 meses
Puntos: 1011
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

Cita:
Iniciado por franjgg Ver Mensaje
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
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #7 (permalink)  
Antiguo 17/04/2012, 16:17
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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

Tienes alguna idea amiga.

un saludo
  #8 (permalink)  
Antiguo 18/04/2012, 07:45
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 12 años, 10 meses
Puntos: 1011
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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
Cita:
this.element.style.opacity=inicio;
sólo funcionará en ie8+
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #9 (permalink)  
Antiguo 19/04/2012, 04:36
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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
  #10 (permalink)  
Antiguo 19/04/2012, 05:23
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 12 años, 10 meses
Puntos: 1011
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

eso no es ajax es comet
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #11 (permalink)  
Antiguo 19/04/2012, 07:56
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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?
  #12 (permalink)  
Antiguo 19/04/2012, 08:19
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 12 años, 10 meses
Puntos: 1011
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

lee este tema
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #13 (permalink)  
Antiguo 19/04/2012, 09:24
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 14 años, 2 meses
Puntos: 4
Respuesta: Mostrar noticias con efecto fade in al guardar en BD

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

Última edición por franjgg; 19/04/2012 a las 09:36

Etiquetas: efecto, fade, noticia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:24.