Plusieurs holorges?

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

Résolu Plusieurs holorges?

Message par Kiowa le 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: http://imageshack.com/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
***

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 le Lun 28 Mar 2016 - 13:59

C'est toujours d'Actualité Merci!

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 le 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
*****

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

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

Résolu Re: Plusieurs holorges?

Message par Kiowa le 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
***

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 le 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é




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


MasDan
*****

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

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

Résolu Re: Plusieurs holorges?

Message par Kiowa le 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
***

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 le Mer 6 Avr 2016 - 12:50

Toujours d'actualité!

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 le 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.



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.


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
*****

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

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

Résolu Re: Plusieurs holorges?

Message par Kiowa le Lun 11 Avr 2016 - 15:55

Parfait!!!

Merci !!!

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


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