Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3

  La date en barre d'état

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de placer la date courante dans la barre d'état de la page.
  Principe
Une instruction simple permet d'accéder à la barre d'état du navigateur : window.status.
Pour y afficher la date, on créé une chaine représentant la date et on la place dans la barre d'état du navigateur.
  Le script
dans la partie <head>
<script language="JavaScript">

// on récupère la date du système. C'est elle qui est directement appelée en premier dans la page
var x = new Date();

// on intercepte le jour de la semaine, attention, 0 correspond à dimanche, lundi à 1...
var jour = x.getDay();

// ici, on transforme le numéro du jour de la semaine en un texte plus 'joli'
if (jour == 0) jour = "Dimanche";
else if (jour == 1) jour = "Lundi";
else if (jour == 2) jour = "Mardi";
else if (jour == 3) jour = "Mercredi";
else if (jour == 4) jour = "Jeudi";
else if (jour == 5) jour = "Vendredi";
else if (jour == 6) jour = "Samedi";

// on intercepte la date du jour
var nb = x.getDate();

// on ajoute un zéro (0) devant si la date du jour est inférieure à 10 (plus joli)
if (nb <= 9) nb = "0" + nb;

// on intercepte le mois, attention, 0 correspond à Janvier, 1 à Février...
var mois = x.getMonth();

// on transforme le numéro du mois en un texte (plus joli)
if (mois == 0) mois = "Janvier";
else if (mois == 1) mois = "Fevrier";
else if (mois == 2) mois = "Mars";
else if (mois == 3) mois = "Avril";
else if (mois == 4) mois = "Mai";
else if (mois == 5) mois = "Juin";
else if (mois == 6) mois = "Juillet";
else if (mois == 7) mois = "Aout";
else if (mois == 8) mois = "Septembre";
else if (mois == 9) mois = "Octobre";
else if (mois == 10) mois = "Novembre";
else if (mois == 11) mois = "Decembre";

// on intercepte l'année
var annee = x.getFullYear();;

// on crée la chaine qui constituera la date mise en forme
var date = jour + " " + nb + " " + mois + " " + annee;


function placer_date() {

// on applique la chaine à la barre d'état
window.status = date;
}
</script>

dans la partie <body>
<body onload="demarrer();">

Contenu de la page...

</body>
  Démonstration

Voir la démonstration

  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
  • Script intégré :
    time_date_status.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    time_date_status2.zip
    1 Ko
    Recherche
    aide sur la recherche
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter