Connexion

Récupérer mon mot de passe

Derniers sujets
» [PhpBB2] Problème d'affichage FA messenger
par salem Aujourd'hui à 23:24

» [Invision] Membres - 'cartes de visite'
par Croa-Croa Aujourd'hui à 18:51

» *RESOLU*[PhpBB2] Largeur cadre messagerie privé
par Milouze14 Aujourd'hui à 5:54

» *RESOLU*[PhpBB2] Supprimer zone commentaires des infos profil
par Milouze14 Hier à 17:06

» *RESOLU*[PhpBB3] Aide sur syntaxe JS
par Milouze14 Mar 10 Déc 2019 - 17:35

» *RESOLU*[ModernBB] Décoration !
par Milouze14 Mar 10 Déc 2019 - 16:55

» *RESOLU*[Invision] Vote négatif réservé aux modérateurs et administrateurs
par Milouze14 Mar 10 Déc 2019 - 16:12

» *RESOLU*[ModernBB] Cherche script participation et autres
par Milouze14 Lun 9 Déc 2019 - 17:59

» [Toutes versions]Ajouter un contenu visible que par les membres ayant répondu.
par oneandone Lun 9 Déc 2019 - 17:37

» *RESOLU*[PhpBB2] Supprimer champ de contact dans les infos de profil,
par Milouze14 Dim 8 Déc 2019 - 20:29

» *RESOLU*[Invision] Déplacement du bouton résolu (suite et fin?)
par Milouze14 Dim 8 Déc 2019 - 9:01

» Règlement de l'entraide Forumactif
par oneandone Sam 7 Déc 2019 - 13:58

» *RESOLU*[PhpBB3] Outil modération
par Milouze14 Jeu 5 Déc 2019 - 19:30

» *CORBEILLE*[Edge] Pub intrusive
par Milouze14 Mer 4 Déc 2019 - 3:55

» *RESOLU*[PhpBB3] Compte à rebours hebdomadaire permanent
par Milouze14 Mar 3 Déc 2019 - 19:02

» *RESOLU*[PhpBB2] Selecteur de style | placement
par Milouze14 Mar 3 Déc 2019 - 16:32

» *RESOLU*[PhpBB3] Retirer lien Signaler un abus
par Milouze14 Lun 2 Déc 2019 - 15:10

» *RESOLU*[PhpBB2] Largeur du forum
par Milouze14 Lun 2 Déc 2019 - 3:55

» [PhpBB2] Du relief sur mon annonce
par Milouze14 Dim 1 Déc 2019 - 15:24

» [Edge] Ajouter un bouton j'aime
par Milouze14 Sam 30 Nov 2019 - 16:04

*RESOLU*[PhpBB3] Compte à rebours hebdomadaire permanent

Page 2 sur 2 Précédent  1, 2

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

photoclic
photoclic
Milouzien

Messagephotoclic le Lun 2 Déc 2019 - 9:51

Rappel du premier message :

  • Version du forum :
    PhpBB3
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
Bonjour,

Je cherche à installer en haut de page un compte à rebours permanent.
Il y a ce script sur FA peut-être adaptable: https://forum.forumactif.com/t379157-horloge-compte-a-rebours-sans-personnalisation#3196324
Mais il faudrait toutes les semaines changer la date.

Le but serait d'avoir en permanence une horloge défilante sur une ligne en haut à gauche de la page d'accueil et sur le portail indiquant: "Temps restant pour voter: 2 jours 12:20:50"

Elle démarrerait à 7 jours 00:00:00 le mardi à 0 heure et arriverait à 0 jour 00:00:00 le lundi à minuit.
Et cela de façon permanente.

Merci pour votre aide.


Dernière édition par photoclic le Mar 3 Déc 2019 - 19:04, édité 1 fois

Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 16:31

Essayes ce script modifié Serge,
il se peut qu'il rentrait en conflit avec un autre:
Code:
$(function(){
$('head').before('<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>');

     
  var index=$('a[href="/search?search_id=activetopics"]').length;
  var portail=$('table[class="portal"]').length;
  if((index)||(portail))
  {
    $('body').append('<output id="countdown"></output>');
    $(function(){
const countdown = ( id = "#countdown", interval = 1, seconds = 0, minutes = 0, hours = 0, days = 7, months = 0, years = 0 ) => {
          const
            ctx = new AudioContext(),
            note = ( frequency = 277.18, duration = 1.0, type = "sine"  ) => {
              let
                osc = ctx.createOscillator(),
                gainNode = ctx.createGain();
         
              osc.type = type;
              osc.connect( gainNode );
              osc.frequency.value = frequency;
              gainNode.connect( ctx.destination );
              osc.start( 0 );
              gainNode.gain.exponentialRampToValueAtTime( 0.00001, ctx.currentTime + duration );
              return Promise.resolve( "note" );
            };
           
          let
            timer = document.querySelector( id ),
            duration = moment.duration({
              "seconds" : seconds,
              "minutes" : minutes,
              "hours" : hours,
              "days" :days,
              "months" : months,
              "years" : years
            }),
            ObjInterval = setInterval( () => {
              duration.subtract( interval, "seconds" );
             
              if ( duration.asMilliseconds() > -1 ){
               
                timer.value = "Temps restant pour voter: " +
        http://duration.get( "years" ) + " an(s), "  +
        http://duration.get( "months" ) + " mois, " +
                  duration.get( "days" ) + " j, " +
                  duration.get( "hours" ) + " h, " +
                  duration.get( "minutes" ) + " mn, " +
                  duration.get( "seconds" ) + " sec";
                 
              } else {
               
                clearInterval( ObjInterval );
       
        // à zéro, on réinitialise le compteur universel 
      countdown( "#countdown", 1, 0, 0 ,0 , 7 );         
               
                note( 261.63, 2.0 ).catch( er => { console.error( er ) } );
               
              }
            }, interval * 1000 );
        };
       
        document.addEventListener( 'DOMContentLoaded', ev => {
                     
        }, false );
       
        window.addEventListener( 'load', ev => {
         
          // id, intervalle en secondes, secondes, minutes, heures, jours, mois, ans
          // ci-dessous : une minute 7 jours 0 heures 0 minutes et 0 secondes avec un intervalle d'une seconde
          countdown( "#countdown", 1, 0, 0 ,0 , 7 );
         
        }, false );
        });

   
  }
  });


photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 16:36

Bin mince alors, rien à afaire il n'y a que chez toi que ça marche :-)

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 16:38

Hum, tu n'as pas de portail sur ce forum test Serge!!
As tu des ids a me donner (en MP) avec accès au P.A

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 16:41

Oui, faut que je mette le portail.

Non pas d'id sur celui là faudrait t'inscrire ou que je rajoute un id.


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 16:44

Je viens de m'inscrire Serge.

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 16:48

Super.
Je venais aussi de créer un autre id.

Je t'ai mis en admin.


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 16:58


tu as modifié des templates ?
Tu peux sur ton fofo de test me donner tes ids fondateur stp

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 17:05

Je ne les ai pas Phil. Faudrait que je les demande au fondateur.
Peut-être tout à l'heure.

je ne pense pas que les templates soient modifiés.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 17:12

Ok Serge,

je vais regarder tout cela à tête reposée.
Laisses moi le temps que je trouve la cause en tant qu'admin clin oeil

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 17:18

OK. Pas de problème et rien d'urgent Phil. Vraiment bizarre tout ça.
M'attendait pas à autant de souci.

Le fondateur du forum test vient de me confirmer que les templates n'ont pas été modifiés.
Si je reçois l'id fondateur, je te le transmettrais.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 17:47

Ok merci Serge,
c'est assez étonnant effectivement.
J'ai trouvé une autre procédure, j'ai créé une page html :


http://whoroot.forumactif.com/h2-les-votes

et on retient juste la fin soit ceci:
Code:
/h2-les-votes


Puis le script a placer sur l'index et le portail:
Code:
$(function(){
$('body').append('<div id="compte"></div>');
$("#compte").load("/h2-les-votes");       
});

Puis la c.s.s:
Code:
    /*LE CONTENEUR*/
    #compte
    {
    background:#2e2e2e;
    text-align:center;
    height:50px;
    padding: 10px;
    width: 40%;
    position: fixed;
    left: 0;
    top: 150px;
    line-height:50px;
    color:#3bd9eb;
    font-size:14px;
    }

Le soucis est qu'il y a une latence avec ce script d'environ 3 secondes avant d'avoir l'affichage.

On peut modifier ainsi on met un display none dans la css et on ajoutes au script cette ligne:
Code:
$('#compte').delay(3000).fadeIn();


Soit le script complet:
Code:
$(function(){
$('body').append('<div id="compte"></div>');
$('#compte').load('/h2-les-votes'); 
$('#compte').delay(3000).fadeIn();
});


photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:00

Je viens de voir ces ajouts Phil sur le forum test.

Mais je n'ai sur le portail et la page d'accueil qu'un carré noir sur le forum test, alors que la page html fonctionne.
Une histoire de fou...

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:03

J'ai bien l'affichage:

*RESOLU*[PhpBB3] Compte à rebours hebdomadaire permanent - Page 2 125

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:07

C'est fou ça, je n'ai qu'un rectangle noir moi marreordi

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:09

Tu as pensé a vider ton cache ?

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:15

Pétard! avec la cache vidé c'est bon sur le forum test.

Vais essayé sur mon forum pour voir s'il n'y a pas de conflits.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:22

Je teste une autre solution Serge et çà devrait fonctionner

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:25

C'est installé sur mon fofo phil et je n'ai que le rectangle noir.
Le cache a été vidé.

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:26

Ah bin j'attends ton dernier teste alors.
Tu es d'une patience .....

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:33

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:35

Il faut bien déposer l'identique aussi bien de la page html ainsi que la css

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:39

Super Philippe!

ça semble fonctionner aussi sur mon forum super

Reste le style à ajuster.
Comment retirer le border?, c'est dans l'iframe?

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:43

Ben vi quand même, il fallait bien que çà fonctionne un jour mdr .

En fait l'iframe à cet id compte:
Code:
 
 /*LE CONTENEUR*/
    #compte
    {
    width:30%;
    position: fixed;
    left: 0;
    top: 150px;
  background:#2e2e2e;
  height:50px;
  padding: 10px;
border:none;
 
   
   
    }

J'ai ajouté directement dans la css de ton forum tests.
Ensuite il faut attribuer la couleur comme dans ta page html

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:48

Ouf, super Philippe.

C'est tout bon cette fois.
Franchement tu m'épates.

L’intérêt de tout cela est que la seule chose pour éviter aux modos d'intervenir toutes les semaines mais 1 seule fois, c'est que le jour j, à l'heure h ce script sera à mettre en route.

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:52

Ok Serge,
il fallait bien trouver une solution Merci .


Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 18:54


L’intérêt de tout cela est que la seule chose pour éviter aux modos d'intervenir toutes les semaines mais 1 seule fois,



Mais les modos ne pourront rien faire Serge !!!!!!!!!!!!!!

photoclic
photoclic
Milouzien

Messagephotoclic le Mar 3 Déc 2019 - 18:58

Oui, ce sera moi, je suis le seul à veiller si tard :-)

Je passe en résolu l'ami et merci pour tout ce travail tape la

Milouze14
Milouze14
Fondateur

MessageMilouze14 le Mar 3 Déc 2019 - 19:02

Ah vi, c'est comme ici, je suis aussi modo lOL .
De rien Serge et à la prochaine hinhin .



Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

Page 2 sur 2 Précédent  1, 2

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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