Comment changer le background du headerbar en javascript ?

[stefou]

Bonjour,

En javascript j'utilise cette partie pour changer le background-image du body la nuit.

Code:

document.body.style.backgroundImage="url(\""+nuit+"\")";

Je n'arrive pas à trouver et ajouter la commande pour changer le background-image pour headerbar

Voici le code js complet

Code:

$(function(){
var nuit = ["http://i55.servimg.com/u/f55/17/67/21/72/etoile10.gif"];
var date=new Date();
var heure=date.getHours();
if (heure >= 22)
document.body.style.backgroundImage="url(\""+nuit+"\")";
else if (heure <7)
document.body.style.backgroundImage="url(\""+nuit+"\")";
});

Au cas ou, voici un schéma qui montre ou est le headerbar

Image:

Merci pour votre aide.

[Self]

Bonjour,

Vous désirez changer également le fond du header pour le pour les heures de nuit ou il ne vous faut que lui mettre une image ?

[stefou]

Bonjour, si vous allez sur le forum renseigné dans mon profil, vous allez voir le logo est sur fond noir à gauche et à droite.
Je souhaite y mettre la même image étoilé que dans le body (de nuit).

Je sais le faire via le css, mais comme il ne doit apparaitre que la nuit, je dois trouver le bout de code à ajouter au javascript et je n'y arrive pas...

placer ce bout de css pour voir le résultat.

Code:

.headerbar{background-image:url(http://i55.servimg.com/u/f55/17/67/21/72/etoile10.gif);}

edit: en fait il faut y mettre une image via le js et non pas par le css.

[Self]

Bonjour,

Le code suivant devrait fonctionner:

Code:

$(function(){
    var nuit = "http://i55.servimg.com/u/f55/17/67/21/72/etoile10.gif";
    var date = new Date();
    var heure = date.getHours();
    if (heure >= 22){
        $('body').css('background', 'url('+nuit+')');
        $('.headerbar').css('background', 'url('+nuit+')');
    }else if (heure < 7){
        $('body').css('background', 'url('+nuit+')');
        $('.headerbar').css('background', 'url('+nuit+')');
    }
});

Cordialement .

[stefou]

C'est parfait ! et en plus j'ai compris   

Un grand merci   

[stefou]

Pour ceux qui utiliseront ce code,
Pour que le fond soit fixe, il faut ajouter dans le css

Code:

/*image de fond body fixe*/
body{
background-attachment: fixed!important;
}