0

En un div, con CSS, estoy intentando actualizar su color de fondo con un cambio en una base de datos en Firebase. Dicha actualización solo la veo si doy refresh en el navegador. Quisiera que se actualice el div correspondiente desde que se realiza el cambio en Firebase. Adjunto códigos:

Acá realizo los cambios de clase:

function changeColor(colorChange) {
if ((colorChange == 1) || (colorChange == 11)){
    document.getElementById('Asiento7').classList.remove('blink','flash');
    document.getElementById('Asiento7').classList.add('Busy');
}

Los cambios anteriores son realizados leyendo desde la base de datos:

var databaseEstado = firebase.database().ref('CubiculosIndividuales/Asiento1/status');
    databaseEstado.once("value", function(snap){
    status = snap.val();
    changeColor(status);
});
2
  • el problema es que no te llama a la funciòn changeColor? Commented el 21 oct. 2018 a las 19:27
  • @DavidLeonardoMolinaRuizDav El problema es que para ver el cambio que realiza dicha función, tengo que actualizar la pagina.
    – Alex
    Commented el 21 oct. 2018 a las 19:31

1 respuesta 1

0

El problema es que usas el método once que se ejecuta una sola vez, cuando debes usar el método on, que se ejecuta cada vez que hay un cambio en la base de datos:

var databaseEstado = firebase.database().ref('CubiculosIndividuales/Asiento1/status');
databaseEstado.on("value", function(snap){
    status = snap.val();
    changeColor(status);
});

Aquí puedes leer la documentación.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.