Bannière qui change en fonction de l'heure

4 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Bannière qui change en fonction de l'heure

Message par Zeste Jeu 4 Juil 2013 - 9:44

Bonjour,

J'ai voulu appliquer le code donné ici par zz10 mais celui ci ne fonctionne pas sur mon forum. Avez-vous une idée du problème?

Merci d'avance et bonne journée. Wink


Dernière édition par Zeste le Dim 21 Juil 2013 - 18:44, édité 1 fois
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 6 Juil 2013 - 10:15

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 6 Juil 2013 - 21:12

J'ai oublié de dire aussi que je compte mettre 5 bannières au total. Dont une qui est par défaut. Donc il faudra modifier le code. Smile
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Lun 8 Juil 2013 - 7:32

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Mar 9 Juil 2013 - 7:39

UP Very Happy
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Mer 10 Juil 2013 - 9:11

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Jeu 11 Juil 2013 - 22:23

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par MoysSick860 Ven 12 Juil 2013 - 12:45

Up Avec toi !
avatar

MoysSick860
Nouveau membre

Messages : 23
Inscrit(e) le : 10/07/2013

http://syntaxrp.gtafrance.com/
MoysSick860 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 13 Juil 2013 - 11:23

Je viens de trouver ce topic : https://forum.forumactif.com/t335971-header-qui-change-toutes-les-heures
Mais en fait ici ça change le fond du forum en fonction de l'heure. Moi je voudrais changer la bannière (appelé le logo) d'accueil du site chaque heure.

Vous avez une idée? Very Happy
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Tech Sam 13 Juil 2013 - 12:43

Bonjour,

Avez-vous essayé le code d'Ea en modifiant le body par #logo img ?
Donc quelque chose comme ceci :
Code:
$(document).one('bodytag',function(){
  $('#logo img').addClass('hour'+(new Date).getHours());
});

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 13 Juil 2013 - 13:16

Bonjour Tech,

Non je n'avais pas essayé mais je viens de mettre en place votre code, mais cela ne marche pas. Confused
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Tech Sam 13 Juil 2013 - 13:34

Et vous avez fait les modifications de templates et CSS ?

Si oui, puis-je avoir le lien de votre forum ? (en hide si vous préférez)

Et comment savez-vous que ça ne fonctionne pas vu que la bannière doit changer toutes les heures seulement ?

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 13 Juil 2013 - 13:39

Non, j'ai juste mis votre code dans codes et javascripts.

Dans mon template j'ai juste (après la balise body) :
Code:
<script>$(document).trigger('bodytag')</script>

Et je n'ai pas changé le CSS.

Mais si votre question est que j'ai modifié des templates de mon forum, oui j'en ai modifié.

Et bien normalement, pour que ça marche, les smiley devraient s'afficher à la place de mon logo, non? J'ai laissé le css identique à celui de Ea, à savoir un changement chaque heure.

Donc ça doit être ça le soucis, mais je ne sais pas trop quoi modifier.


Dernière édition par Zeste le Dim 21 Juil 2013 - 18:43, édité 1 fois
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Tech Sam 13 Juil 2013 - 13:45

Et #i_logo plutôt ?

Par contre, vous avez mis dans votre CSS, tous les mêmes smileys. J'ai donc du mal à comprendre l'utilité de votre demande ?

Vous voulez faire pour la bannière ou non ?

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 13 Juil 2013 - 13:49

Je viens d'essayer avec #i_logo mais c'est toujours pareil.

Je n'ai pas encore modifié parce que j'attends de voir si les smileys d'affichent ou non. Dès qu'ils s'afficheront je modifierai le code à ma manière pour que l'image du logo change en fonction de l'heure. Donc logiquement quand ça marchera, il y aura juste un même smiley en logo du site. A ce moment là je changerai le CSS. Mais en attendant, je préfère laisser comme ça. Very Happy
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Dim 14 Juil 2013 - 14:53

UP ! Wink
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Lun 15 Juil 2013 - 15:11

UP !
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Mar 16 Juil 2013 - 16:01

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Mer 17 Juil 2013 - 16:20

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Jeu 18 Juil 2013 - 22:35

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 20 Juil 2013 - 9:07

UP
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par benneke Sam 20 Juil 2013 - 10:35

Bonjour,

Avez-vous regardé si la class de l'image change toutes les heures ? Si celle-ci change, alors il doit y avoir moyen de changer qquechose.  Par contre, ajouter une class CSS sur une image n'en changera pas son lien src.  Une piste au vol :
en javascript :
Code:

$(document).one('bodytag',function(){
$('#logo img').addClass('hour'+(new Date).getHours());

$('#logo img .hour0').attr('src','urldemonimageheure0.jpg');
$('#logo img .hour1').attr('src','urldemonimageheure1.jpg');
$('#logo img .hour2').attr('src','urldemonimageheure2.jpg');
$('#logo img .hour3').attr('src','urldemonimageheure3.jpg');
....
$('#logo img .hour23').attr('src','urldemonimageheure23.jpg');
});

Je n'ai pas testé ce code, mais il pourrait bien fonctionner comme vous le souhaitez ;-)

Bonne journée,

PS.: si cela ne fonctionne pas, puis-je avoir le lien de votre forum pour faire quelques tests svp ?
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 20 Juil 2013 - 12:35

Bonjour,

J'ai mis un code comme ceci mais ça ne marche pas.
Code:
$(document).one('bodytag',function(){
$('#logo img').addClass('hour'+(new Date).getHours());
 
$('#logo img .hour12').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('#logo img .hour13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});

Pour le lien de mon forum, il est un peu plus haut, en caché. Wink
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par benneke Sam 20 Juil 2013 - 12:50

Effectivement, je ne l'avais pas vu...

Par contre, je ne vois pas le premier code JS fonctionner (je suis parti du principe que celui-ci fonctionnait déjà)...

En regardant le code source de la page, je ne retrouve pas d'élément avec id="logo", c'est bien cette image ci https://i.servimg.com/u/f45/15/75/02/96/header13.jpg que vous souhaitez modifier ?

Bonne journée,

EDIT :
il y a effectivement une erreur dans mon code, si l'élément ciblé en premier est correct devrait donner :
Code:
       
$(document).ready(function()
    {
 $(function ()
 {
        $('#logo img').addClass('hour'+(new Date).getHours());
        
       $('#logo img.hour0').attr('src','urldemonimageheure0.jpg');
        $('#logo img.hour1').attr('src','urldemonimageheure1.jpg');
        $('#logo img.hour2').attr('src','urldemonimageheure2.jpg');
        $('#logo img.hour3').attr('src','urldemonimageheure3.jpg');
        ....
        $('#logo img.hour23').attr('src','urldemonimageheure23.jpg');
        });
    });

J'avais mis un espace entre img et .hour et cela ne pouvait pas ;-) Je viens de faire un test et cela fonctionne à merveilles
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Sam 20 Juil 2013 - 13:41

En regardant le code source de la page, je ne retrouve pas d'élément avec id="logo", c'est bien cette image ci https://i.servimg.com/u/f45/15/75/02/96/header13.jpg que vous souhaitez modifier ?

Exact.

Je viens de mettre ce code :
Code:
$(document).ready(function()
    {
 $(function ()
 {
        $('#logo img').addClass('hour'+(new Date).getHours());
        
       $('#logo img.hour13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
        $('#logo img.hour14').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
        });
    });

Mais rien ne change, je ne sais pas pourquoi. Embarassed
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bannière qui change en fonction de l'heure

Message par benneke Sam 20 Juil 2013 - 13:58

Ok je vois le souci, en fait cette image a comme ID i_logo et n'est pas enfant d'un div avec id logo.

Essaye avec ce code-ci :
Code:

        $(document).ready(function()
            {
         $(function ()
         {
                $('img#i_logo').addClass('hour'+(new Date).getHours());
                
               $('.hour13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
                $('.hour14').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
                });
            });

EDIT :
maintenant je te conseille d'utiliser d'autres noms que 'hour' qui peut être utilisé pour autre chose sur ta page.  Personnellement je mettrais qque chose du style MonHeureImage, la on est certain qu'un autre développeur ne mette pas une classe hour13 sur une image Wink
Une autre chose sympa est de commenter ton code, ce qui permet à la personne qui vient après toi de comprendre la logique du code et de modifier/corriger facilement
Donc cela donnerait :
Code:

$(document).ready(function()
{
$(function ()
{
// on cible l image avec id i_logo et on ajoute la classe 'MonHeureImage'+numéro heure
$('img#i_logo').addClass('MonHeureImage'+(new Date).getHours());  

// on indique le fichier a afficher pour chaque heure de la journée                
$('.MonHeureImage13').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('.MonHeureImage14').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
});
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Dim 21 Juil 2013 - 16:46

J'ai appliqué ce code :
Code:
$(document).ready(function()
{
$(function ()
{
// on cible l image avec id i_logo et on ajoute la classe 'MonHeureImage'+numéro heure
$('img#i_logo').addClass('MonHeureImage'+(new Date).getHours());  
 
// on indique le fichier a afficher pour chaque heure de la journée                
$('.MonHeureImage16').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQXkPY0BlCjoorCHkAemUqNxL9tgZsSmI06sTG_xSIxa-kuAws7');
$('.MonHeureImage17').attr('src','http://t3.gstatic.com/images?q=tbn:ANd9GcQVGtcx2tnDJO_dOploKSWvgJOfpJVHxBKji49J7IAc_ER_kNwr');
});
});

Mais ça n'a rien changé.

EDIT : Ça marche. Wink Par contre, le logo ne change pas directement, la page charge puis quelques secondes après l'image apparaît et l'ancien logo par défaut disparaît.
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par benneke Dim 21 Juil 2013 - 17:10

Bonjour,

En fait c'est normal. Le navigateur recoit une page html, une fois chargée il va exécuter le code JavaScript qui lui dit de changer l'image par une autre. Il charge l'image et fait ensuite le changement. La vitesse de changement va dépendre de la vitesse de connexion, la vitesse du PC et la vitesse de traitement JavaScript du browser. Il doit y avoir moyen de le declancher avant la fin du chargement complet de la page, mais j'avoue la mes limites. Par contre, le chargement d'une seconde page dans la même heure devrait aller plus vite car l'image est déjà en cache. Il est donc important de mettre des images pas trop lourdes a charger.

En espérant avoir été assez clair dans mes explications ;-) moi en tout cas je me suis compris. Si c'est pas clair, j'essaierai de mieux expliquer :-P
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par Zeste Dim 21 Juil 2013 - 17:24

Mais je pense avoir une solution. Le mieux ne serait-il pas de supprimer le logo par défaut? Very Happy
Zeste

Zeste
Membre habitué

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bannière qui change en fonction de l'heure

Message par benneke Dim 21 Juil 2013 - 17:54

Oui mais non, car si pas de logo, on sait pas changer sa valeur. Mais vous pouvez utiliser une image transparente (un png ou un gif, ce qui est le moins lourd) de même taille que les autres logos, sinon le tout va "sauter" et c'est pas joli. C'est une bonne piste je pense. Par contre, en phpbb2 il n'y a pas moyen de faire des templates et de mettre des conditions dans le template ? Ce serait encore mieux en fait, je viens d'y penser Wink

On pourrait modifier le code JS pour cibler l'élément parent, descendre dans sa hiérarchie et ajouter une image, mais c'est plus aléatoire, surtout si forumactif change une balise qque part, c'est foutu.
avatar

benneke
***

Messages : 150
Inscrit(e) le : 07/04/2012

benneke a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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

- Sujets similaires

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