Plusieurs holorges?
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Plusieurs holorges?
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!
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
Re: Plusieurs holorges?
C'est toujours d'Actualité Merci!
Re: Plusieurs holorges?
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 CSS (assurément à revoir)
code javascript
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.
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.
Re: Plusieurs holorges?
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/
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/
Re: Plusieurs holorges?
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
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
Re: Plusieurs holorges?
Toujours d'actualité!
Re: Plusieurs holorges?
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
É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.
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.
Re: Plusieurs holorges?
Parfait!!!
Merci !!!
Merci !!!
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum