Rechercher
recherche interne en savoir plus!
Les 6 dernières pages de Cours et Dossiers ajoutées
- (01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
- (01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
- (26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
- (02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates
- (10/11/2007) Trucs et Astuces - (JavaScript) Masquer/Désactiver des champs de formulaire
- (02/11/2007) Trucs et Astuces - (JavaScript) Liste d'options dynamique
Informations Générales
Chargement en cours...
Nombre de Visites 
[ 140494 ]Votre IP
[ 38.103.63.16 ] 
Vous êtes ici :
Imprimer
Informations Membres
 0 Membre 3 Invités Membre en ligne:Aucun Partenariat
Partenaires
|
JavaScript - Calendrier avec CSSAfficher un calendrier dans une page avec mise en forme CSS. Entre les balises <HEAD> et </HEAD> :
<style type="text/css">
<!--
.main {
font: normal 11px arial;
text-align: center;
margin: 0 auto;
background-color: #aaa;
}
.month {
font-weight: bold;
background-color: white;
}
.daysofweek {
background-color: yellow;
}
.days {
padding: 3px 5px;
background-color: #eee;
}
.today{
color: white;
background-color: #888;
}
//-->
</style>
<script type="text/javascript">
<!--
function buildCal(m, y){
var mn=['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Aout','Septembre','Octobre','Novembre','Décembre'];
var dim=[31,28,31,30,31,30,31,31,30,31,30,31];
var oD = new Date(y, m-1, 0);
oD.od=oD.getDay()+1;
var todaydate=new Date();
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0;
var nbCase=dim[m-1];
var t='<table cellpadding="0" cellspacing="1" class="main">';
t+='<tr><td colspan="7" class="month">'+mn[m-1]+' '+y+'</td></tr><tr>';
for(s=0;s<7;s+=1)t+='<td class="daysofweek">'+"LMMJVSD".substr(s,1)+'</td>';
t+='</tr><tr>';
for(i=1;(i-oD.od)&&(i-oD.od<dim[0])>=0;i++){nbCase++}
for(i=1;i<=nbCase;i++){
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : ' ';
if(x==scanfortoday) t+='<td class="today">'+x+'</td>'
else t+='<td class="days">'+x+'</td>';
if(((i)%7==0)&&(i<nbCase))t+='</tr>';
}
return t+='</table>';
}
//-->
</script>
Balise <BODY> : Rien Entre les balises <BODY> et </BODY> : <script type="text/javascript"> <!-- var todaydate=new Date() var curmonth=todaydate.getMonth()+1 var curyear=todaydate.getFullYear() document.write(buildCal(curmonth, curyear)); //--> </script> (0) commentaires - Voir/Editer 
|
Vous pouvez aider ce site à évoluer, en contribuant à son développement.
Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans 
