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

JavaScript 1.3

  Quel jour pour quelle date ?

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 retrouver le jour de la semaine correspondant à une date.
  Principe
Le visiteur saisit la date par morceaux (jour, mois et année). On assemble cette 'date' au format MM/JJ/AAAA, format compréhensible par la fonction standard 'Date()'. On crée ensuite une variable 'date' au format système standard (tel que le système renvoie les dates) par cette fonction 'Date()', puis on intercepte le numéro du jour de cette date (0 pour dimanche, 1 pour lundi...).
Parallèlement, on cré un tableau des intitulés des jours, puis on vient chercher le texte du 'jour' en fonction du 'numéro' du jour qui a été trouvé par la fonction précédente.
  Le script
dans la partie <head>
<script language="JavaScript">
function trouver_jour() {

// on crée une chaine au format MM/JJ/AAAA (compréhensible par la fonction Date() )
date_temp = document.formulaire.mois.value + '/';
date_temp += document.formulaire.jour.value + '/';
date_temp += document.formulaire.annee.value;

// on crée maintenant la chaine sur le même modèle que la date système
var date = new Date(date_temp);

// on intercepte le numéro du jour (0 pour dimanche, 1 pour lundi...)
var index_jour = date.getDay();

// on crée une liste des mots correspondant à chaque jour de la semaine
jour = new Array();
jour[0] = "Dimanche";
jour[1] = "Lundi";
jour[2] = "Mardi";
jour[3] = "Mercredi";
jour[4] = "Jeudi";
jour[5] = "Vendredi";
jour[6] = "Samedi";

// on renseigne le formulaire avec la réponse
document.formulaire.solution.value = "Ce jour etait un " + jour[index_jour];
}
</script>

dans la partie <body>
<form name="formulaire">
Jour : <input type="text" name="jour" size="5">
Mois : <input type="text" name="mois" size="5">
Année : <input type="text" name="annee" size="5"> (sur 4 chiffres)
<input type="button" value="Quel jour ?" OnClick="trouver_jour();">
<input type="text" name="solution" size="45">
</form>
  Démonstration
Jour :
Mois :
Année : (sur 4 chiffres)

  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_jour.zip
    1 Ko
    telechargez le script telechargez le script
    Script séparé :
    time_jour2.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