Calendrier en HTML
Hors ligneObturatix Le 19/03/2010 à 10:03 Profil de Obturatix Configuration de Obturatix

 

Ach j'ai oublié  :

Bonjour à toutes et à tous

je souhaite trouver un code HTML pour un calendrier,  juste la posibilité de faire avancer ou reculer le mois- pas de réservation-juste un visu du calendrier.

merci

Obturatix

Hors ligneBrischri Le 21/03/2010 à 16:23 Profil de Brischri Configuration de Brischri

http://saintquentin.be/internat/

Il y a un calendrier sur la page. D'après la source, il s'agit bien d'un calendrier HTML (mais plus sûrement en php).

Pour contacter le webmestre : http://www.saintquentin.be/1_Generalites/16_Webmestre.htm

--
Désireux d'apprendre MySQL, PHP, HTML5 et CSS3, tout un programme.
Hors ligneWilder Le 25/03/2010 à 02:19 Profil de Wilder Configuration de Wilder

Viconaute Modérateur

Bonjour à tous,

Est-ce que cela te plait :

<html>
<head>
<title>Calendrier du mois</title>
</head>
<body bgcolor="#FFFFFF" text="#000000">
 
<h1 style="font-family:Verdana,Arial; font-weight:normal">Calendrier du mois</h1>
 
<script type="text/javascript">
<!--
var d = new Date();
var dm = d.getMonth() + 1;
var dan = d.getYear();
if(dan < 999) dan+=1900;
calendrier(dm,dan);
 
function calendrier(mois,an) {
nom_mois = new Array
("Janvier","F&eacute;vrier","Mars","Avril","Mai","Juin","Juillet",
"Ao&ucirc;t","Septembre","Octobre","Novembre","D&eacute;cembre");
jour = new Array ("Lu","Ma","Me","Je","Ve","Sa","Di");
 
var police_entete = "Verdana,Arial"; /* police entête de calendrier  */
var taille_pol_entete = 3;           /* taille de police 1-7 entête de calendrier  */
var couleur_pol_entete = "#FFFF00";     /* couleur de police entête de calendrier  */
var arrplan_entete = "#000066";        /* couleur d'arrière plan entête de calendrier  */
var police_jours = "Verdana,Arial"; /* police affichage des jours  */
var taille_pol_jours = 3;           /* taille de police 1-7 affichage des jours  */
var coul_pol_jours = "#000000";     /* couleur de police affichage des jours  */
var arrplan_jours = "#D0F0F0";        /* couleur d'arrière plan affichage des jours  */
var couleur_dim = "red";        /* couleur de police pour dimanches  */
var couleur_cejour = "#FFFF00";        /* couleur d'arrière plan pour aujourd'hui  */
 
var maintenant = new Date();
var ce_mois = maintenant.getMonth() + 1;
var cette_annee = maintenant.getYear();
if(cette_annee < 999) cette_annee+=1900;
var ce_jour = maintenant.getDate();
var temps = new Date(an,mois-1,1);
var Start = temps.getDay();
if(Start > 0) Start--;
else Start = 6;
var Stop = 31;
if(mois==4 ||mois==6 || mois==9 || mois==11 ) --Stop;
if(mois==2) {
 Stop = Stop - 3;
 if(an%4==0) Stop++;
 if(an%100==0) Stop--;
 if(an%400==0) Stop++;
}
document.write('<table border="3" cellpadding="1" cellspacing="1">');
var entete_mois = nom_mois[mois-1] + " " + an;
inscrit_entete(entete_mois,arrplan_entete,couleur_pol_entete,taille_pol_entete,police_entete);
var nombre_jours = 1;
for(var i=0;i<=5;i++) {
  document.write("<tr>");
  for(var j=0;j<=5;j++) {
    if((i==0)&&(j < Start))
     inscrit_cellule("&#160;",arrplan_jours,coul_pol_jours,taille_pol_jours,police_jours);
    else {
      if(nombre_jours > Stop)
        inscrit_cellule("&#160;",arrplan_jours,coul_pol_jours,taille_pol_jours,police_jours);
      else {
        if((an==cette_annee)&&(mois==ce_mois)&&(nombre_jours==ce_jour))
         inscrit_cellule(nombre_jours,couleur_cejour,coul_pol_jours,taille_pol_jours,police_jours);
        else
         inscrit_cellule(nombre_jours,arrplan_jours,coul_pol_jours,taille_pol_jours,police_jours);
        nombre_jours++;
        }
      }
    }
    if(nombre_jours > Stop)
      inscrit_cellule("&#160;",arrplan_jours,couleur_dim,taille_pol_jours,police_jours);
    else {
      if((an==cette_annee)&&(mois==ce_mois)&&(nombre_jours==ce_jour))
        inscrit_cellule(nombre_jours,couleur_cejour,couleur_dim,taille_pol_jours,police_jours);
      else
        inscrit_cellule(nombre_jours,arrplan_jours,couleur_dim,taille_pol_jours,police_jours);
      nombre_jours++;
    }
    document.write("<\/tr>");
  }
document.write("<\/table>");
}
 
function inscrit_entete(titre_mois,couleurAP,couleurpolice,taillepolice,police) {
document.write("<tr>");
document.write('<td align="center" colspan="7" valign="middle" bgcolor="'+couleurAP+'">');
document.write('<font size="'+taillepolice+'" color="'+couleurpolice+'" face="'+police+'"><b>');
document.write(titre_mois);
document.write("<\/b><\/font><\/td><\/tr>");
document.write("<tr>");
for(var i=0;i<=6;i++)
  inscrit_cellule(jour[i],couleurAP,couleurpolice,taillepolice,police);
document.write("<\/tr>");
}
 
function inscrit_cellule(contenu,couleurAP,couleurpolice,taillepolice,police) {
document.write('<td align="center" valign="middle" bgcolor="'+couleurAP+'">');
document.write('<font size="'+taillepolice+'" color="'+couleurpolice+'" face="'+police+'"><b>');
document.write(contenu);
document.write("<\/b><\/font><\/td>");
}
//-->
</script>
 
</body>
</html>

--


Hors ligneObturatix Le 30/03/2010 à 03:25 Profil de Obturatix Configuration de Obturatix

oui, cela me va.

Mais sur un autre Pc je n'arrivais pas à avoir un visu du calendar.

mais là où je suis ce soir cela marche.

Ok merci Wilder

@+ Obturatix

Hors ligneWilder Le 30/03/2010 à 04:46 Profil de Wilder Configuration de Wilder

Viconaute Modérateur

Ça fait plaisir.

 

wink

--


Hors ligneObturatix Le 30/03/2010 à 14:50 Profil de Obturatix Configuration de Obturatix

Il est ici le beau calendrier : http://www.photos-lys.fr/

@+ Obturatix

Hors ligneWilder Le 30/03/2010 à 14:58 Profil de Wilder Configuration de Wilder

Viconaute Modérateur

 

Super, tu peux aussi augmenter le nombre de lettres des journées à 3 aussi.

Tu modifies : jour = new Array ("Lu","Ma","Me","Je","Ve","Sa","Di");

Par: jour = new Array ("Lun","Mar","Mer","Jeu","Ven","Sam","Dmi");

--


Hors ligneObturatix Le 30/03/2010 à 15:23 Profil de Obturatix Configuration de Obturatix

Bonjour wilder j'ai vu que ton "home " c'ét ait pas la porte à côté.

je vais mettre les trois lettres pour les journées

Sur mon site dans les disponibilités j'ai mis plusieurs calendrier ce qui aurait été bien c'est d'en avoir qu'un seul mais avec des flèche    <   >  pour avancer ou reculer dans l'année.

tu vois ce que je veux dire ?

En tous cas,tabernacle ça c'est du bon boulot sti

 

j'ailme bien aussi les têtes à claques .Tu connais ?

Cela me fait beaucoup rire

Hors ligneWilder Le 30/03/2010 à 15:26 Profil de Wilder Configuration de Wilder

Viconaute Modérateur

 

Bonjour,

Oh oui, les têtes à claques, c'est super. J'ai toute écouté les sketchs, et ce, à plusieurs reprises, comme les grenouilles. Tu as vu?

Je vais voir pour le calendrier avec flèches et je te reviens.

--


Vous avez résolu votre problème avec VIC ? Faites-le savoir sur les réseaux sociaux !
Vulgarisation-informatique.com
Cours en informatique & tutoriels