Plusieurs holorges?

2 participants

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

Résolu Plusieurs holorges?

Message par Kiowa Lun 21 Mar 2016 - 20:21

Bonjour,

Alors voilà, j'essaie depuis quelque temps d'intégré une horloge sur mon forum. En soit, cela fonctionne bien dans un widget et cela affiche l'heure de mon ordinateur.

Toutefois, j'aimerais en fait, afficher 2 horloges et ce, sur ma PA. La première, afficherait l'heure du Québec et la seconde l'heure de Paris. Et naturellement, le tout personnalisable.

Est-ce que c'est possible?
(Voilà ce a quoi j'aimerais que cela ressemble, pour vous donnez une idée: https://2img.net/r/ihimg/a/img923/1817/5woWZq.png )

p.s: Je n'ai pas de teste actuellement. Outre le Widget du Portail qui lui fonctionne bien.
p.s2: J'espère être au bon endroit !

http://karasunoguild.forumactif.fr/
Navigateur: Chrome.

Merci!


Dernière édition par Kiowa le Lun 11 Avr 2016 - 15:55, édité 1 fois
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par Kiowa Lun 28 Mar 2016 - 13:59

C'est toujours d'Actualité Merci!
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par MasDan Mar 29 Mar 2016 - 6:54

Bonjour Kiowa,

C'est tout à fait possible d'avoir 2 horloges pour l'affichage de l'heure de Québec et Paris.

code HTML pour l'affichage des 2 horloges
Code:
<table id="lesHorloges" align='center'>
  <tr><td align='center'>Heure de Québec<br /><span id="hrQuebec">00:00</span></td></tr>
  <tr><td align='center'>Heure de Paris<br /><span id="hrParis">00:00</span></td></tr>
</table>

Code CSS (assurément à revoir)
Code:
table#lesHorloges td {
  background-color: #223340;
  border-radius: 15px;
  border: 3px solid #FFA500;
  padding: 5px;
  color: #FFFFFF;
  font-size:1.2em;
}

code javascript
Code:
$(function(){
  TrvHrs();
});

function nb2car(nb) {
  var txt = "0";
  if (nb < 10) {
    txt += nb;
  } else {
    txt = nb;
  }
  return txt;
}

function TrvHrs() {
var tzMtl  = -240; // à faire - heure normal - avancé
var tzParis = 120;  // à faire -heure normal - avancé
 
var dtLocal = new Date();
var tzLocal = dtLocal.getTimezoneOffset();
var nbSec  = dtLocal.getSeconds();

var valUTC  = dtLocal.getTime() + (tzLocal * 60000);
var dtUTC  = new Date(valUTC);
var tzUTC  = dtUTC.getTimezoneOffset();

var valMtl  = dtLocal.getTime() + ((tzLocal + tzMtl) * 60000);
var dtMtl    = new Date(valMtl);
var tzMtl    = dtMtl.getTimezoneOffset();

var valParis = dtLocal.getTime() + ((tzLocal + tzParis) * 60000);
var dtParis  = new Date(valParis);
var tzParis  = dtUTC.getTimezoneOffset();

$('#hrQuebec').html(nb2car(dtMtl.getHours())  + ":" + nb2car(dtMtl.getMinutes()));
$('#hrParis').html(nb2car(dtParis.getHours()) + ":" + nb2car(dtParis.getMinutes()));

setTimeout(TrvHrs, (60 - nbSec) * 1000);
}

Pour cette première version du code javascript, le code fonctionne pour l'heure avancé (été). La gestion du changement d'heure n'est pas actuellement géré mais réalisable.

MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par Kiowa Jeu 31 Mar 2016 - 13:52

Bonjour

Merci de cette réponse,

j'ai actuellement mit en place le tout. Toutefois, cela n'affiche pas l'heure mais que des 00:00

http://karasunoguild.forumactif.fr/
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par MasDan Ven 1 Avr 2016 - 2:28

Bonjour Kiowa,

Je ne vois pas d'exécution pour le code JavaScript.

Si vos avez ajouté le code JavaScript via l'onglet Modules du panneau d'administration.

Vérifier que la gestion des codes JavaScript est bien activé

Plusieurs holorges? Hr_js110


et que l'exécution est sur toutes les pages

Plusieurs holorges? Hr_js210
MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par Kiowa Ven 1 Avr 2016 - 4:53

Ah bah oui xD C'est bien moi ça d'oublier ce détail!.

Désoler du désagrément! et Merci de ton aide!!!

Donc pour la suite lors du prochain changement d'heure je présume que cela risque d'être une problématique
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par Kiowa Mer 6 Avr 2016 - 12:50

Toujours d'actualité!
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par MasDan Ven 8 Avr 2016 - 4:14

Bonjour Kiowa,

Voici la version qui corrige la problématique des changements d'heure en utilisant le plugin moment.

Étape 1: Remplacer votre code javascript par
Code:
$(function() {
  CalcHrs();
});
 
var affichage = 'HH:mm';

function CalcHrs() {
  "use strict";
  var Local    = moment(),
        nbSec  = Local.format("ss"),
        Quebec = Local.clone().tz("America/Montreal"),
        Paris    = Local.clone().tz("Europe/Paris");
  $('#hrQuebec').html(Quebec.format(affichage));
  $('#hrParis').html(Paris.format(affichage));
  setTimeout(CalcHrs, (60 - nbSec) * 1000);
};

Étape 2: Ajout du plugin moment.
Note: Les codes sont trop volumineux pour être insérés dans un message via les balises code.

2.a) À l'adresse url momentjs.com , onglet «home»
sélectionner un des fichiers moment.js ou sa version compressé moment.min.js. Un clic du bouton de droite de la souris, sélectionner «ouvrir le lien dans un nouvel onglet.
Au nouvel onglet, un clic droit et chosir «tout sélectionner».

Créer un nouveau javascript avec ce code via un copie-coller.
Plusieurs holorges? Moment10


2.b) Répéter l'opération précédente avec l'adresse url momentjs.com/timezone et un des fichiers moment-timezone-all-years.js ou moment-timezone-all-years.min.js.
Plusieurs holorges? Timezo10

Note: Bien que le libellé sur le page web soit moment-timezone-all-years, le nom réel du fichier est moment-timezone-with-data.


MasDan

MasDan
Membre habitué

Masculin
Messages : 1538
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Plusieurs holorges?

Message par Kiowa Lun 11 Avr 2016 - 15:55

Parfait!!!

Merci !!!
Kiowa

Kiowa
***

Féminin
Messages : 123
Inscrit(e) le : 25/08/2007

http://alvarosdeadnight.forumgratuit.org/
Kiowa a été remercié(e) par l'auteur de ce sujet.

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