oOo KARIM oOo
12/06/2008, 19h02
Heure dynamique sur vos forums.
Affiche une heure dynamique (les secondes, minutes ... s'actualisent sans recharger la page).
Conception
Auteur : oOo KARIM oOo (http://www.vbulletin-ressources.com/forum/member.php?u=8876)
Testé : oui
Testé sous vBulletin 3.7.1 avec le style Element et le style par défaut
Ce code est 100% compatible avec le xHTML 1.0
Installation
Dans votre AdminCP : Styles & Templates --> Recherche dans les templates : Choisissez le style utilisé sur votre forum et tapez :
[all_times_are_gmt_x_time_now_is_y]
Double cliquez sur le template (soit FORUMHOME : pour style Element, ou footer : pour le style par défaut)
Tout en bas du template, avant la balise <body> (pour que votre style reste Valid xHTML), insérez le code ci-dessus :
<!-- SCRIPT HEURE DYNAMIQUE PAR oOo KARIM oOo -->
<!-- 100% Valid xHTML 1.0 -->
<script type="text/javascript" >
// Afficher la date d'aujourd'hui.
var now = new Date();
// Array de la liste des jours de la semaine.
var days = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi ','Vendredi','Samedi');
// Array de la liste des mois.
var months = new Array('Janvier','Fevrier','Mars','Avril','Mai','Ju in','Juillet','Aout','Septembre','Octobre','Novemb re','Decembre');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
var today;
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}
today = days[now.getDay()] + " " +
date + " " +
months[now.getMonth()]+ " " +
(fourdigits(now.getYear())) ;
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000)
}
function HorlogeDynamique() {
var DateActuel = new Date();
var heure = DateActuel.getHours();
var minutes = DateActuel.getMinutes();
var secondes = DateActuel.getSeconds();
if (heure == 0) {
heure = "0" + heure;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (secondes <= 9) {
secondes = "0" + secondes;
}
Horloge = "<b>"+ today + " " + heure + ":" + minutes + ":" + secondes + "</b>";
if (document.getElementById) {
document.getElementById("clock").innerHTML = Horloge;
}
if (document.layers) {
document.clock.document.write(Horloge);
document.clock.document.close();
}
if ((document.all)&&(!document.getElementById)) {
document.all["clock"].innerHTML = Horloge;
}
setTimeout("HorlogeDynamique()", 1000)
}
window.onload = HorlogeDynamique;
//-->
</script>
<!-- Fin du script heure dynamique -->
Enregistrez.
Maintenant, toujours dans votre AdminCP : Langues & Expressions --> Rechercher dans les expressions : et tapez : all_times_are_gmt_x_time_now_is_y
N'oubliez pas de cocher : Nom de la variable de l'expression seulement.
Cliquez sur le bouton modifier en face de l'expression en français.
Vous trouvez normalement cela :
Fuseau horaire GMT{1}. Nous sommes le <div id="clock"></div>
Modifiez le par :
Fuseau horaire GMT{1}. <div id="clock"><center>Votre navigateur ne supporte pas Javascript</center></div>
Enregistrez.
C'est fini ! Admirez la modification sur votre page d'accueil.
Merci
Un petit merci me fera plaisir ;)
Screenshots
Affiche une heure dynamique (les secondes, minutes ... s'actualisent sans recharger la page).
Conception
Auteur : oOo KARIM oOo (http://www.vbulletin-ressources.com/forum/member.php?u=8876)
Testé : oui
Testé sous vBulletin 3.7.1 avec le style Element et le style par défaut
Ce code est 100% compatible avec le xHTML 1.0
Installation
Dans votre AdminCP : Styles & Templates --> Recherche dans les templates : Choisissez le style utilisé sur votre forum et tapez :
[all_times_are_gmt_x_time_now_is_y]
Double cliquez sur le template (soit FORUMHOME : pour style Element, ou footer : pour le style par défaut)
Tout en bas du template, avant la balise <body> (pour que votre style reste Valid xHTML), insérez le code ci-dessus :
<!-- SCRIPT HEURE DYNAMIQUE PAR oOo KARIM oOo -->
<!-- 100% Valid xHTML 1.0 -->
<script type="text/javascript" >
// Afficher la date d'aujourd'hui.
var now = new Date();
// Array de la liste des jours de la semaine.
var days = new Array('Dimanche','Lundi','Mardi','Mercredi','Jeudi ','Vendredi','Samedi');
// Array de la liste des mois.
var months = new Array('Janvier','Fevrier','Mars','Avril','Mai','Ju in','Juillet','Aout','Septembre','Octobre','Novemb re','Decembre');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
var today;
function fourdigits(number) {
return (number < 1000) ? number + 1900 : number;
}
today = days[now.getDay()] + " " +
date + " " +
months[now.getMonth()]+ " " +
(fourdigits(now.getYear())) ;
function showFilled(Value) {
return (Value > 9) ? "" + Value : "0" + Value;
}
function StartClock24() {
TheTime = new Date;
document.clock.showTime.value = showFilled(TheTime.getHours()) + ":" + showFilled(TheTime.getMinutes()) + ":" + showFilled(TheTime.getSeconds());
setTimeout("StartClock24()",1000)
}
function HorlogeDynamique() {
var DateActuel = new Date();
var heure = DateActuel.getHours();
var minutes = DateActuel.getMinutes();
var secondes = DateActuel.getSeconds();
if (heure == 0) {
heure = "0" + heure;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (secondes <= 9) {
secondes = "0" + secondes;
}
Horloge = "<b>"+ today + " " + heure + ":" + minutes + ":" + secondes + "</b>";
if (document.getElementById) {
document.getElementById("clock").innerHTML = Horloge;
}
if (document.layers) {
document.clock.document.write(Horloge);
document.clock.document.close();
}
if ((document.all)&&(!document.getElementById)) {
document.all["clock"].innerHTML = Horloge;
}
setTimeout("HorlogeDynamique()", 1000)
}
window.onload = HorlogeDynamique;
//-->
</script>
<!-- Fin du script heure dynamique -->
Enregistrez.
Maintenant, toujours dans votre AdminCP : Langues & Expressions --> Rechercher dans les expressions : et tapez : all_times_are_gmt_x_time_now_is_y
N'oubliez pas de cocher : Nom de la variable de l'expression seulement.
Cliquez sur le bouton modifier en face de l'expression en français.
Vous trouvez normalement cela :
Fuseau horaire GMT{1}. Nous sommes le <div id="clock"></div>
Modifiez le par :
Fuseau horaire GMT{1}. <div id="clock"><center>Votre navigateur ne supporte pas Javascript</center></div>
Enregistrez.
C'est fini ! Admirez la modification sur votre page d'accueil.
Merci
Un petit merci me fera plaisir ;)
Screenshots