Background différent selon l'heure

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Background différent selon l'heure

Message par Ejayremy le Lun 24 Oct 2011 - 15:48

Bonjour à tous,

J'aimerais savoir comment changer automatiquement une image background (fond d'écran) de forum en fonction de l'heure. Par exemple de 7h à 20h une image et de 20h à 7h une autre image.
Actuellement mon fond passe par une modif de CSS. Si un code CSS existe afin de le modifier en fonction de l'heure ça m’intéresse. Smile

Merci pour votre aide.


Dernière édition par Ejayremy le Mer 9 Nov 2011 - 11:43, édité 1 fois

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mar 25 Oct 2011 - 23:03

Up les amis Smile

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Ven 28 Oct 2011 - 18:52

Up Again Wink

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Jeu 3 Nov 2011 - 13:41

UP.

Si ce n'est pas réalisable dites le moi.
Merci Wink

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Savalogin le Sam 5 Nov 2011 - 20:39

Bonjour,

Je ne suis pas sûr, mais je pense que c'est réalisable avec Javascript. Mais, je ne suis pas assez calé pour vous renseigner plus, sur ce sujet. Je donne juste l'information pour recentrer votre recherche.

Cordialement.

Savalogin
**

Masculin
Messages : 59
Inscrit(e) le : 30/10/2011

http://testingpowaa.forumactif.org
Savalogin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Sam 5 Nov 2011 - 21:41

Merci pour votre message.

Il me semble aussi que ce soit possible. Javascript ou pas, je ne m'y connais pas non plus et comme il y a des personnes connaisseurs ici, je me permets cette question.

Cela dit, je commence a douter de la possibilité de la réaliser sur nos forum car il n'y a aucunes réponses.

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mar 8 Nov 2011 - 10:47

Erreur, voir message plus bas...


Dernière édition par zz10 le Mar 8 Nov 2011 - 10:54, édité 1 fois

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mar 8 Nov 2011 - 10:54

Bonjour,

1- Dans votre CSS, enlevez l'image de fond du body.

2- Créer un javascript (PA->module->javascript->créer) :

- A mettre sur toutes les pages
- Code :

Code:
var date = new Date();
var heure = date.getHours();
if(heure => 7 && heure < 20){
   $(body).css("background-image", "url(http://www.serveur.ext/lien_image_journee)");
}else{
   $(body).css("background-image", "url(http://www.serveur.ext/lien_image_nuit)");
}

Il ne reste qu'à remplacer :

Code:
http://www.serveur/lien_image_journee

par le lien de l'image visible durant la journée (entre 7h et 20h) Wink

et

Code:
http://www.serveur/lien_image_nuit

par le lien de l'image visible durant la nuit(entre 20h et 7h) Wink

Cdt.

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mar 8 Nov 2011 - 11:56

Merci pour le script et votre aide.

Par contre, quand j'enlève dans mon CSS l'image de body, même en ayant crées le script sur toutes les pages, le fond de mon forum reste blanc/vide.

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mar 8 Nov 2011 - 13:05

Huum...

Il semblerait qu'un de vos codes pose un problème... Pourriez-vous retirer l'intégralité de vos codes (les conserver dans le bloc note) en laissant uniquement le mien, juste pour voir si c'est mon code qui bug Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mar 8 Nov 2011 - 13:14

Merci pour votre aide.
J'ai essayé en supprimant mon CSS personnalisé mais rien n'y fait toujours.
C'est vrai que j'ai quelques javascript et il y avait de "soucis" avec certains qui se chargé avant d'autres et qui empêchaient la fonctionnement des autres.

Bref, je vais laisser tomber l'idée du changement de background.
Merci encore pour votre aide. Wink

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mar 8 Nov 2011 - 13:15

@Ejayremy a écrit:Merci pour votre aide.
J'ai essayé en supprimant mon CSS personnalisé mais rien n'y fait toujours.
C'est vrai que j'ai quelques javascript et il y avait de "soucis" avec certains qui se chargé avant d'autres et qui empêchaient la fonctionnement des autres.

Bref, je vais laisser tomber l'idée du changement de background.
Merci encore pour votre aide. Wink

Mais non, mais non Smile

Je ne parlais de votre CSS à retirer mais de vos javascripts (sauf le mien). Je peux vous aider à trouver la solution sans soucis Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mar 8 Nov 2011 - 15:09

Erreur dans le code que je vous avez donné Sad
Je vous redonne ça vite Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mar 8 Nov 2011 - 15:13

Voici le code qui marche :

Code:
jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 7 && heure < 20){
          $("body").css("background-image", "url('http://www.serveur.ext/lien_image_journee')");
        }else{
          $("body").css("background-image", "url('http://www.serveur.ext/lien_image_nuit')");
        }
});
Désolé Wink

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mar 8 Nov 2011 - 18:41

Merci, ça a l'air de fonctionner. Je vous confirme ce soir quand le changement aura lieu Wink

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mer 9 Nov 2011 - 1:26

Le code fonctionne bien et les images s'affiches en fonction.
Par contre, un petit détail, l'image mets une demie-seconde a s'afficher et à force de changer de pages pour lire les topics, etc. ça gêne les lecteurs.

Le fait de cliquer, de voir la page changer avec en fond du blanc puis une demie seconde après l'image, ça ne fait pas top.

J'ai essayé quelque chose, dans mon CSS j'ai remis l'URL de mon fond de journée et quand je mets le javascript c'est bien l'image du script qui se mets au dessus mais avec toujours une demie-seconde de retard.
De ce fait, lors du fond de "nuit" on voit de suite apparaitre le fond jour (celui du CSS) puis ensuite le fond de nuit.

Avant ce script, l'image arrivé instantanément sans chargement.
Ya t'il un remède par rapport au script ?

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mer 9 Nov 2011 - 10:39

Bonjour,

Pouvez-vous modifier les templates ? Je ne pense pas vu que vous semblez être en BB3 comme moi. Donc en BB3 pas moyen de charger l'image de fond avant le chargement de la page... Seul conseil que je peux vous donner, ne mettez pas blanc comme couleur de fond mais plutôt une couleur se rapprochant de votre bleu (journée) et gris/noir (nuit). Un beau gris/bleu devrait faire l'affaire. Le changement se fera de manière beaucoup plus discrète...

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mer 9 Nov 2011 - 11:34

@zz10 a écrit: ne mettez pas blanc comme couleur de fond mais plutôt une couleur se rapprochant de votre bleu (journée) et gris/noir (nuit). Un beau gris/bleu devrait faire l'affaire. Le changement se fera de manière beaucoup plus discrète...
Merci mais comme l'image de fond reste centré et en haut du forum, si je mets une autre couleur que le blanc on va voir la coupure en bas de l'image Background qui, dans le bas est de couleur blanche exprès.

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mer 9 Nov 2011 - 11:37

Dans ce cas, il faut adapter le javascript Smile

Mettez un gris/bleu par defaut puis modifiez le js :

Code:
 jQuery(document).ready(function(){
   var date = new Date();
   var heure = date.getHours();
   if(heure >= 7 && heure < 20){
     $("body").css("background-image", "url('http://www.serveur.ext/lien_image_journee')");
   }else{
     $("body").css("background-image", "url('http://www.serveur.ext/lien_image_nuit')");
   }
   $("body").css("background-color", "#FFFFFF");
});

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par Ejayremy le Mer 9 Nov 2011 - 11:45

Merci pour l'aide.

En journée ça passe mais le soucis vient le soir quand l'image BG passe au plus foncé vous voyez ?

Il est vraiment dommage qu'avec PHPBB3 on ne puisse pas modifier le template Neutral

Merci en tous cas pour votre aide. Smile

Ejayremy
*****

Masculin
Messages : 943
Inscrit(e) le : 03/02/2006

http://forum.family-geek.fr/
Ejayremy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Background différent selon l'heure

Message par zz10 le Mer 9 Nov 2011 - 11:51

@Ejayremy a écrit:Merci pour l'aide.

En journée ça passe mais le soucis vient le soir quand l'image BG passe au plus foncé vous voyez ?

Il est vraiment dommage qu'avec PHPBB3 on ne puisse pas modifier le template Neutral

Merci en tous cas pour votre aide. Smile

Je ne vous le fais pas dire. Je regrette mon choix maintenant car je ne me vois pas repartir à 0 avec une nouvelle version...

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum