Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

4 commentaire(s) de pipo sur des sources sur tout CodeS-SourceS

Le : 16/05/2008 20:25:18
Source : AFFICHE UN CALENDRIER SOUS UNE ZONE DE SAISIE
il te faut en fait creer un .js du code javascript.
puis integrer le .js dans le header de ta page, puis mettre (ajouter) tout simplement sur ton control "input text":

onfocus="view_microcal(strucDate(new Date()),true,true,this.id,'microcal2',-1,0);"

onblur="CalendarHide(this.id,'microcal2');"

//optionnel
onkeyup="this.style.color=testTypeDate(this.value)?'black':'red'"

ce qui donne :

<input type="text" maxlength="10" id="dateDebut2" value="" onfocus="view_microcal(strucDate(new Date()),true,true,this.id,'microcal2',-1,0);" onblur="CalendarHide(this.id,'microcal2');" onkeyup="this.style.color=testTypeDate(this.value)?'black':'red'">

et ou "microcal2" et le nom du layer allant afficher le calandar :

<div id="microcal2" style="visibility:hidden;position:absolute;border:2px red dashed;background:#ffffff;"></div>


Le : 09/05/2008 21:00:58
Source : AFFICHE UN CALENDRIER SOUS UNE ZONE DE SAISIE
ben ... le but aussi est de partager le code... tout ce que tu veux faire est fait... il te reste a reprendre le code que j'ai fais et l'ameliorer... c'est comme du cvs... mais dans un forum lol...
re inventer la roue ne sert a rien, s'enrichir les uns des autres oui. Mais si tu preferes tout refaire...

NB : la tooltips est faite,
le bouton aujourd'hui aussi,
les styles qui s'emboite aussi,
affichage de plusieur calendrier dans la mm page aussi,

a+
et bonne continuation.


Le : 09/05/2008 09:08:23
Source : AFFICHE UN CALENDRIER SOUS UNE ZONE DE SAISIE
voici la version 1.1 avec :
- mise globale des styles en css
- gestion multithread (multi calendar dans une page)
- correction de la gestion du focus sous ie7
- correction jours du mois suivants (mauvais css)

reste a tout mettre au propre, et créer la dll pour l'ajouter a .Net et ainsi remplacer le CalendarExtender d'ajaxtoolkit de merde. Le code de celui ci est court, efficace et personnalisable. Tu as bien bossé AmRouNiX !
Continu !


<html>
<head>

<style>
input   {border:1px blue solid;width:80px;}
body   {font-family:Tahoma;font-size:12px}
td      {font-family:Tahoma;font-size:12px}

.calendar
{
width:150px;
}

.monthandyear
{
font-size:10px;
font-family:Tahoma;
text-align:center;
}

.swapmonth
{
cursor:pointer;
}

.daynormal, .daynormalBG
{
width:20px;
height:20px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}



.daynormalnomonth, .daynormalnomonthGB
{
width:20px;
height:20px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}



.dayselected, .dayselectedBG,.dayselectedRP
{
color:#000;
width:18px;
height:18px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
border:2px green solid;
}

.daytoday, .daytodayBG
{
color:#000;
width:18px;
height:18px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
border:2px red solid;
}


.daynormalBG, .daynormalnomonthBG, .daytodayBG
{
color:red;
cursor:help;
}


.daynormalRP,.daynormalnomonthRP,.daynormalnomonth
{
color:#909090;
width:20px;
height:20px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}



.dayslist
{

width:20px;
height:20px;
font-size:10px;
font-family:Tahoma;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}

.today
{
color:#000;
font-size:10px;
font-family:Tahoma;
text-align:center;
}
.todayTD
{
font-size:10px;
font-family:Tahoma;
text-align:center;
}


</style>

<script language="javascript">
//
//TODO :
// - revoir la nomenclature des variables
// - revoir la nomenclature des méthodes
// - gestion des dates en anglais si langue anglaise choisi

var langue= "FR";
//

var moisXGB=["","January","February","March","April","May","June","July","August","September","October","November","December"];
var JourMGB=["Su","Mo","Tu","We","Th","Fr","Sa"];
var startWeekGB=0;
var jourPauseGB={0:true,6:true}; //jour de pause de la semaine
var jourFerieeGB={"1-1":"jour an","1-5":"fête du travail","8-5":"armistice","14-7":"fête nationale","15-8":"ascencion","1-11":"armistice","11-11":"toussain","25-12":"noel"};
var todayGB = "today";
//
var moisXFR=["","Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre"];
var JourMFR=["Di","Lu","Ma","Me","Je","Ve","Sa"];
var startWeekFR=1;
var jourPauseFR={0:true,6:true}; //jour de pause de la semaine
var jourFerieeFR={"1-1":"jour an","1-5":"fête du travail","8-5":"armistice","14-7":"fête nationale","15-8":"ascencion","1-11":"armistice","11-11":"toussain","25-12":"noel"};
var todayFR = "aujourd'hui";

//
var moisX = eval("moisX" + langue );
var JourM = eval("JourM" + langue );
var startWeek=eval("startWeek" + langue ); ;//debut de la semaine 0=dim,1=lun,...
var jourPause=eval("jourPause" + langue ); ; //jour de pause de la semaine
var jourFeriee=eval("jourFeriee" + langue ); ;
var today=eval("today" + langue ); ;

//
var fermable_microcal=true;
//var select_old= null;

//structure la date
function strucDate(dateX)
{
return {"pos":dateX.getDay(),"jour":dateX.getDate(),"mois":dateX.getMonth()+1,"annee":dateX.getFullYear()};
}


//var dateS= strucDate(new Date());//date Selectionné
//var dateA= strucDate(new Date());//date Affichée
var dnow= strucDate(new Date());//date actuelle
var seetoday= true;//affiche today


//retourne le ième jour du 1er du mois
function premJourMois(mois,annee)
{
return (new Date(annee,mois-1,1).getDay());
}
//retourne le jour max du mois
function JmaxMois(mois,annee)
{
return (new Date(annee,mois,0).getDate());
}


/* Test une date si elle est correct...spécial killer*/
function testTypeDate(dateEntree)
{
tst=false;
try
{
rc=dateEntree.split("/");nd=new Date(rc[2],(rc[1]-1),rc[0]);
tst=(rc[2]>1800&&rc[2]<2200&&rc[2]==nd.getFullYear()&&rc[1]==(nd.getMonth()+1)&&rc[0]==nd.getDate());
} catch(e) {}
return tst;
}

//selection de la zone avec la souris
function choix(koi,code)
{
if (code)
{  
koi.select_old = koi.style.background;
koi.style.background = '#c0c0FF';
}
else
{
koi.style.background = koi.select_old;
}
}


//test si année bissextile
function bissextile(annee) {
return (annee%4==0 && annee %100!=0 || annee%400==0);
}

//Retourne le nombre de jour depuis le 1er janvier (num de semaine)
function nbJAnnee(dateX){
var nb_mois=[,0,31,59,90,120,151,181,212,243,273,304,334];
j=dateX.jour ; m=dateX.mois ; a=dateX.annee;
nb=nb_mois[m]+j-1 ;
if (bissextile(a) && m>2) nb++;
return nb;
}




function testTravail(dateS,oldX,xx,jj,mm,aa)
{
var cssparent = "";
if (jourPause[xx] != null)
cssparent="RP";
else if (jourFeriee[jj+"-"+mm] != null)
cssparent="BG";
else
cssparent="";

if (jj==dateS.jour && mm==dateS.mois && aa==dateS.annee)
{
styleX="dayselected"+cssparent;
}
else if (jj==dnow.jour&&mm==dnow.mois&&aa==dnow.annee)
{
styleX="daytoday"+cssparent;
}
else
{
styleX = (oldX)?("daynormal"+cssparent):("daynormalnomonth"+cssparent);
}
return styleX;
}

//affiche le calendrier
function view_microcal(dateS,init,actif,ki,sourceid,mxS,axS)
{

if(typeof(document.getElementById(ki).process)!="undefined")
{
if(document.getElementById(ki).process==true && init)
return;
}
document.getElementById(ki).process=true;


if(typeof(document.getElementById(ki).dateS)=="undefined")
{
dateS = document.getElementById(ki).dateS;
document.getElementById(ki).dateS =  strucDate(new Date());
}
dateS = document.getElementById(ki).dateS;

if(init)
{
dateA=strucDate(new Date(dateS.annee,dateS.mois-1,dateS.jour));
}


if (actif )
{
//decalage du mois su on clique sur -/+
if (mxS!=-1)
{
clearTimeout(cc);
//if(init!=false)
//alert(actif);
//if(init)
document.getElementById(ki).focus();
fermable_microcal=true;
dateA.mois=mxS;
dateA.annee=axS;
if (dateA.mois<1) {dateA.annee--;dateA.mois+=12;}
if (dateA.mois>12) {dateA.annee++;dateA.mois-=12;}
}
//init
Dstart=(premJourMois(dateA.mois,dateA.annee)+7-startWeek)%7;
jmaxi=JmaxMois(dateA.mois,dateA.annee);
jmaxiAvant=JmaxMois((dateA.mois-1),dateA.annee);
//si on veux ajouter le numero de la semaine ...
//idxWeek=parseInt(nbJAnnee(strucDate(new Date(dateA.mois+'-01-'+dateA.annee)))/7,10)+1;

ymaxi=parseInt((jmaxi+Dstart+1)/7,10);

//generation du tableau
//--entête
htm="<table class=\"calendar\"><tr>";
htm+="<td class=\"swapmonth\" onclick=\"view_microcal(null,false,true,'"+ki+"','"+sourceid+"',"+(dateA.mois-1)+","+dateA.annee+");\"><<</td>";
htm+="<td colspan='5' class=\"monthandyear\"> <b> "+moisX[dateA.mois]+"</b>&nbsp;"+dateA.annee+"</td>";
htm+="<td class=\"swapmonth\" onclick=\"view_microcal(null,false,true,'"+ki+"','"+sourceid+"',"+(dateA.mois+1)+","+dateA.annee+")\">>></td></tr>";
//--corps
htm+="<tr>";
//affichage des jours DLMMJVS
for (x=0;x<7;x++)
htm+="<td  class=\"dayslist\"><b>"+JourM[(x+startWeek)%7]+"</b></td>";

htm+="</tr>"

// alert(jmaxi);
//------------------------
for (var y=0;y<=ymaxi;y++)
{
htm+="<tr>";
for (var x=0;x<7;x++)
{
idxP=y*7+x-Dstart+1;   //numero du jour
aa=dateA.annee;
xx=(x+startWeek)%7;

var musttest=false;

//jour du mois précedent
if (idxP<=0)
{
jj=idxP+jmaxiAvant;
mm=dateA.mois-1;
if (mm==0)
{
mm=12;
aa--;
}
musttest=false;
}
else if (idxP>jmaxi) //jour du mois suivant
{
jj=idxP-jmaxi;
mm=dateA.mois+1;
if (mm==13)
{
mm=1;
aa++;
}
musttest=false;

}
else //jour du mois en cours
{
jj=idxP;
mm=dateA.mois;
musttest=true;

}
var alt = "";
if (jourFeriee[jj+"-"+mm] != null)
{
alt = jourFeriee[jj+"-"+mm];
}
htm+="<td class=\""+testTravail(dateS,musttest,xx,jj,mm,aa)+"\" onmouseover='choix(this,true)' onmouseout='choix(this,false)'  onclick=\"document.getElementById('"+ki+"').dateS=strucDate(new Date("+aa+","+(mm-1)+","+jj+"));document.getElementById('"+ki+"').value='"+((jj<10)?"0":"")+jj+"/"+((mm<10)?"0":"")+mm+"/"+aa+"';document.getElementById('"+ki+"').style.color='black';document.getElementById('"+sourceid+"').style.visibility='hidden';\"><span  alt = \""+alt+"\"title=\""+alt+"\">"+jj+"</span></td>";//testTravail(dateS,musttest,xx,jj,mm,aa)+"/"+
}
htm+="</tr>"
}//-------------------------
if(seetoday)
{
htm+="<tr>";
htm+="<td colspan='7' class=\"todayTD\"><a href=\"javascript:document.getElementById('"+ki+"').dateS=strucDate(new Date("+dnow.annee+","+(dnow.mois-1)+","+dnow.jour+"));document.getElementById('"+ki+"').value='"+((jj<10)?"0":"")+jj+"/"+((mm<10)?"0":"")+mm+"/"+aa+"';document.getElementById('"+ki+"').style.color='black';void(0);\" class=\"today\">"+today+"</a></td>";
htm+="</tr>"
}
htm+="</table>"
//affiche le tableau
document.getElementById(sourceid).innerHTML=htm;
document.getElementById(sourceid).style.visibility="";
}
else
{
//ferme le calendrier
if (fermable_microcal)
  CalendarHide(ki,sourceid);
}
}

function CalendarHide(ki,sourceid)
{
cc = setTimeout("document.getElementById('"+ki+"').process=false;document.getElementById('"+sourceid+"').style.visibility='hidden';",500);
}
var cc=false;
</script>
</head>
<body style="margin:0px">
<center>
<br><br><b>micro-calendrier <i>par AmRouNiX (A. Selim)</i><b><br><a href="http://www.crew.free.fr">http://www.crew.free.fr</a><br>modified by EL / (Emmanuel LELEU) / v1.1 <br><br>
Saisissez une date au format JJ/MM/AAAA
<table cellpadding="0" cellspacing="0">
<tr><td>DateDebut</td><td><input type="text" maxlength="10" id="dateDebut" value="" onfocus="view_microcal(strucDate(new Date()),true,true,this.id,'microcal',-1,0);" onblur="CalendarHide(this.id,'microcal');" onkeyup="this.style.color=testTypeDate(this.value)?'black':'red'"></td></tr>
<tr><td></td><td><div id="microcal" style="visibility:hidden;position:absolute;border:2px red dashed;background:#ffffff;"></div></td></tr>
<tr><td>DateFin</td><td><input type="text" maxlength="10" id="dateDebut2" value="" onfocus="view_microcal(strucDate(new Date()),true,true,this.id,'microcal2',-1,0);" onblur="CalendarHide(this.id,'microcal2');" onkeyup="this.style.color=testTypeDate(this.value)?'black':'red'"></td></tr>
<tr><td></td><td><div id="microcal2" style="visibility:hidden;position:absolute;border:2px red dashed;background:#ffffff;"></div></td></tr>
</table>
<center>
</body>
</html>


Le : 08/05/2008 23:43:46
Source : AFFICHE UN CALENDRIER SOUS UNE ZONE DE SAISIE
bonjour et félicitation pour ce calendrier.
Je me suis tout de meme permis de le modifier afin de coller au mieux aux besoins :
- gestion multilingues des libellés
- affichage du jour sélectionné en "vert"
- ajout du lien "aujourd'hui" afin de sélectionné le jour en cours
- réouverture du calendrier sur la date sélectionnée
- affichage du texte en info bulle des jours "chomés"
- gestion des styles par css

sinon, bien sympas ton code.

a+

manu




<html>
<head>

<style>
input   {border:1px blue solid;width:80px;}
body   {font-family:Tahoma;font-size:12px}
td      {font-family:Tahoma;font-size:12px}




.daynormal, .daynormalBG
{
width:20px;
height:20px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}



.daynormalnomonth, .daynormalnomonthGB
{
width:20px;
height:20px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}



.dayselected
{
color:#000;
width:18px;
height:18px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
border:2px green solid;
}

.daytoday, .daytodayBG
{
color:#e0e0e0;
width:18px;
height:18px;
font-family:Tahoma;
font-size:10px;
text-align:center;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
border:2px red solid;
}


.daynormalBG, .daynormalnomonthBG, .daytodayBG
{
color:red;
cursor:help;
}



.dayslist
{
color:#e0e0e0;
width:20px;
height:20px;
font-size:10px;
font-family:Tahoma;
cursor:pointer;
border-right:1px #e0e0e0 solid;
border-bottom:1px #e0e0e0 solid;
}

.today
{
font-size:10px;
font-family:Tahoma;
text-align:center;
}
.todayTD
{
font-size:10px;
font-family:Tahoma;
text-align:center;
}


</style>

<script language="javascript">



var langue= "FR";
//

var moisXGB=["","January","February","March","April","May","June","July","August","September","October","November","December"];
var JourMGB=["Su","Mo","Tu","We","Th","Fr","Sa"];
var startWeekGB=0;
var jourPauseGB={0:true,6:true}; //jour de pause de la semaine
var jourFerieeGB={"1-1":"jour an","1-5":"fête du travail","8-5":"armistice","14-7":"fête nationale","15-8":"ascencion","1-11":"armistice","11-11":"toussain","25-12":"noel"};
var todayGB = "today";
//
var moisXFR=["","Janvier","Fevrier","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Decembre"];
var JourMFR=["Di","Lu","Ma","Me","Je","Ve","Sa"];
var startWeekFR=1;
var jourPauseFR={0:true,6:true}; //jour de pause de la semaine
var jourFerieeFR={"1-1":"jour an","7-5":"jour an","1-5":"fête du travail","14-7":"fête nationale","15-8":"ascencion","1-11":"armistice","11-11":"toussain","25-12":"noel"};
var todayFR = "aujourd'hui";

//
var moisX = eval("moisX" + langue );
var JourM = eval("JourM" + langue );
var startWeek=eval("startWeek" + langue ); ;//debut de la semaine 0=dim,1=lun,...
var jourPause=eval("jourPause" + langue ); ; //jour de pause de la semaine
var jourFeriee=eval("jourFeriee" + langue ); ;
var today=eval("today" + langue ); ;

//
var fermable_microcal=true;
var select_old= null;



//structure la date
function strucDate(dateX)
{
return {"pos":dateX.getDay(),"jour":dateX.getDate(),"mois":dateX.getMonth()+1,"annee":dateX.getFullYear()};
}


var dateS= strucDate(new Date());//date Selectionné
var dateA= strucDate(new Date());//date Affichée
var dnow= strucDate(new Date());//date actuelle
var seetoday= true;//affiche today


//retourne le ième jour du 1er du mois
function premJourMois(mois,annee)
{
return (new Date(annee,mois-1,1).getDay());
}
//retourne le jour max du mois
function JmaxMois(mois,annee)
{
return (new Date(annee,mois,0).getDate());
}


/* Test une date si elle est correct...spécial killer*/
function testTypeDate(dateEntree)
{
tst=false;
try
{
rc=dateEntree.split("/");nd=new Date(rc[2],(rc[1]-1),rc[0]);
tst=(rc[2]>1800&&rc[2]<2200&&rc[2]==nd.getFullYear()&&rc[1]==(nd.getMonth()+1)&&rc[0]==nd.getDate());
} catch(e) {}
return tst;
}

//selection de la zone avec la souris
function choix(koi,code)
{
if (code)
{  
select_old= koi.style.background;
koi.style.background ='#c0c0FF';
}
else
{
koi.style.background =select_old;
}
}


function testTravail(oldX,xx,jj,mm,aa)
{

//todo styleX=(oldX)?"":"color:#e0e0e0;";
//styleX+="cursor:pointer;border-right:1px #e0e0e0 solid;border-bottom:1px #e0e0e0 solid;";

var cssparent = "";
if (jourPause[xx] != null)
cssparent="";
else if (jourFeriee[jj+"-"+mm] != null)
cssparent="BG";
else
cssparent="";
//styleX+="background:#f0f0f0;";
//cssparent="";
if (jj==dnow.jour&&mm==dnow.mois&&aa==dnow.annee)
{
//styleX+="border:2px red solid;";
styleX="daytoday"+cssparent;
}
else if (jj==dateS.jour && mm==dateS.mois && aa==dateS.annee)
{
styleX="dayselected"+cssparent;
}

else
{
styleX = (oldX)?("daynormal"+cssparent):("daynormalnomonth"+cssparent);

}
return styleX;
}

//test si année bissextile
function bissextile(annee) {
return (annee%4==0 && annee %100!=0 || annee%400==0);
}

//Retourne le nombre de jour depuis le 1er janvier (num de semaine)
function nbJAnnee(dateX){
var nb_mois=[,0,31,59,90,120,151,181,212,243,273,304,334];
j=dateX.jour ; m=dateX.mois ; a=dateX.annee;
nb=nb_mois[m]+j-1 ;
if (bissextile(a) && m>2) nb++;
return nb;
}

//affiche le calendrier
function view_microcal(init,actif,ki,source,mxS,axS)
{
if(init)
{
dateA=strucDate(new Date(dateS.annee,dateS.mois-1,dateS.jour));

}

if (actif)
{
//decalage du mois su on clique sur -/+
if (mxS!=-1)
{
clearTimeout(cc);
//document.getElementById(ki).focus();
fermable_microcal=true;
dateA.mois=mxS;
dateA.annee=axS;
if (dateA.mois<1) {dateA.annee--;dateA.mois+=12;}
if (dateA.mois>12) {dateA.annee++;dateA.mois-=12;}
}
//init
Dstart=(premJourMois(dateA.mois,dateA.annee)+7-startWeek)%7;
jmaxi=JmaxMois(dateA.mois,dateA.annee);
jmaxiAvant=JmaxMois((dateA.mois-1),dateA.annee);
//si on veux ajouter le numero de la semaine ...
//idxWeek=parseInt(nbJAnnee(strucDate(new Date(dateA.mois+'-01-'+dateA.annee)))/7,10)+1;

ymaxi=parseInt((jmaxi+Dstart+1)/7,10);

//generation du tableau
//--entête
htm="<table style='width:150px'><tr style='font-size:10px;font-family:Tahoma;text-align:center;'>";
htm+="<td style='cursor:pointer;' onclick=\"view_microcal(false,true,'"+ki+"','"+source+"',"+(dateA.mois-1)+","+dateA.annee+");\"><<</td>";
htm+="<td colspan='5'> <b> "+moisX[dateA.mois]+"</b>&nbsp;"+dateA.annee+"</td>";
htm+="<td  style='cursor:pointer;' onclick=\"view_microcal(false,true,'"+ki+"','"+source+"',"+(dateA.mois+1)+","+dateA.annee+")\">>></td></tr>";
//--corps
htm+="<tr>";
//affichage des jours DLMMJVS
for (x=0;x<7;x++)
htm+="<td  class=\"dayslist\"><b>"+JourM[(x+startWeek)%7]+"</b></td>";

htm+="</tr>"

// alert(jmaxi);
//------------------------
for (var y=0;y<=ymaxi;y++)
{
htm+="<tr>";
for (var x=0;x<7;x++)
{
idxP=y*7+x-Dstart+1;   //numero du jour
aa=dateA.annee;
xx=(x+startWeek)%7;

var musttest=false;

//jour du mois précedent
if (idxP<=0)
{
jj=idxP+jmaxiAvant;
mm=dateA.mois-1;
if (mm==0)
{
mm=12;
aa--;
}
musttest=false;
}
else if (idxP>jmaxi) //jour du mois suivant
{
jj=idxP-jmaxi;mm=dateA.mois+1;
if (mm==13)
{
mm=1;
aa++;
}
musttest=false;

}
else //jour du mois en cours
{
jj=idxP;
mm=dateA.mois;
musttest=true;

}
var alt = "";
if (jourFeriee[jj+"-"+mm] != null)
{
alt = jourFeriee[jj+"-"+mm];
}
htm+="<td class=\""+testTravail(musttest,xx,jj,mm,aa)+"\" onmouseover='choix(this,true)' onmouseout='choix(this,false)'  onclick=\"dateS=strucDate(new Date("+aa+","+(mm-1)+","+jj+"));document.getElementById('"+ki+"').value='"+((jj<10)?"0":"")+jj+"/"+((mm<10)?"0":"")+mm+"/"+aa+"';document.getElementById('"+ki+"').style.color='black';document.getElementById('"+source+"').style.visibility='hidden';\"><span  alt = \""+alt+"\"title=\""+alt+"\">"+jj+"</span></td>";
}
htm+="</tr>"
}//-------------------------
if(seetoday)
{
htm+="<tr>";
htm+="<td colspan='7' class=\"todayTD\"><a href=\"javascript:dateS=strucDate(new Date("+dnow.annee+","+(dnow.mois-1)+","+dnow.jour+"));document.getElementById('"+ki+"').value='"+((jj<10)?"0":"")+jj+"/"+((mm<10)?"0":"")+mm+"/"+aa+"';document.getElementById('"+ki+"').style.color='black';void(0);\" class=\"today\">"+today+"</a></td>";
htm+="</tr>"
}
htm+="</table>"
//affiche le tableau
document.getElementById(source).innerHTML=htm;
document.getElementById(source).style.visibility="";
}
else
{
//ferme le calendrier
if (fermable_microcal)
   cc=setTimeout("document.getElementById('"+source+"').style.visibility='hidden';",500);
}
}

</script>

</head>
<body style="margin:0px">
<center>
<br><br><b>micro-calendrier <i>par AmRouNiX (A. Selim)</i><b><br><a href="http://www.crew.free.fr">http://www.crew.free.fr</a><br>modified by EL / (Emmanuel LELEU)<br><br>
Saisissez une date au format JJ/MM/AAAA
<table cellpadding="0" cellspacing="0">
<tr><td ><input type="text" maxlength="10" id="dateDebut" value="" onfocus="view_microcal(true,true,this.id,'microcal',-1,0);" onblur="view_microcal(false,false,this.id,'microcal',-1,0);" onkeyup="this.style.color=testTypeDate(this.value)?'black':'red'"></td></tr>
<tr><td><div id="microcal" style="visibility:hidden;position:absolute;border:2px red dashed;background:#ffffff;"></div>ssss</td></tr>
</table>
<center>
</body>
</html>





Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,125 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.