Numéro du jour et de la semaine...
Voici une fonction qui permet d'avoir le numéro du jour dans l'année (1 à 365/366)...
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| function getYearDay()
{
var tmp = new Date(); // objet Date afin de marquer le premier jour de l'année
var time = new Date(); // objet Date marquant le jour courrant
tmp.setDate(1); // 1er
tmp.setMonth(0); // janvier de l'année
var tmp = tmp.getTime(); // temps en millisecondes du 1er janvier 1970 au 1er janvier de l'année
var time = time.getTime(); // temps en millisecondes du 1er janvier 1970 à aujourd'hui
/* on remet à l'échelle */
var yearDay = Math.round(((time - tmp) / (24 * 3600000) + 1));
return yearDay;
} |
Puis une autre qui retourne le numéro de la semaine (1 à 52/53)...
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
| function getWeekNumber()
{
var weekNumber = 0;
var tmp = new Date(); // objet Date afin de marquer le premier jour de l'année
tmp.setDate(1); // 1er
tmp.setMonth(0); // janvier de l'année
var firstDay = tmp.getDay() // numero du jour du 1er janvier (0:dimanche à 6:samedi)
if (firstDay == 0) firstDay = 7; // si dimanche, alors on lui donne le numero qui va bien
if ((firstDay < 5)) weekNumber++; // si la première semaine comporte le jeudi alors on la compte
var rest = (7 - firsDay) + 1;
weekNumber += Math.ceil((this.getYearDay() - rest) / 7);
return weekNumber;
} |
Elle peuvent aussi être adapté afin de retourner une valeur pour un jour définie...
Je ne peux pas dire que je les ai testé pour toutes les dates mais jusqu'à maintenant ça marche :roll:
[EDIT] rectification sur le calcul de la semaine ainsi que sur la manière d'arrondir...
entête de tableau fixe et tbody scrollant
Pour pallier à la lacune IE du Tbody qui ne scrolle pas ...
lorsque j'aurais un peut de temps je remplacerais le document.write ...
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>one</title>
<style type='text/css'>
td.headcol {width:auto;}
</style>
</head>
<body>
<div style="width:100%;overflow:hidden;">
<table border="1" style="width:100%;">
<tr colspan=5>
<td class='headcol' id='col1'>one</td>
<td class='headcol' id='col2'>two</td>
<td class='headcol' id='col3'>three</td>
<td class='headcol' id='col4'>four</td>
<td style="width:10px;"> </td>
</tr>
</table>
<div>
<div style="width:100%;height:200px;overflow:auto;">
<table border="1" style="width:100%;">
<script type='text/javascript'>
var largcol = new Array()
for (i=1;i<5;i++){
largcol[i]=parseInt(document.getElementById('col'+i).offsetWidth)-3 + "px";
}
for (i=0;i<55;i++){
document.write("\<tr\>\<td style='width:"+largcol[1]+"'\>dsfqsdfsdd dsqf qsdf sdqf sqdf qsdf sdf \<\/td\>\<td style='width:"+largcol[2]+"'\>two\<\/td\>\<td style='width:"+largcol[3]+"'\>three\<\/td\>\<td style='width:"+largcol[4]+"'\>four\<\/td\>\<\/tr\>")
}
</script>
</table>
<div>
</body>
</html> |
bannière bas de page up & down ...
un petit script vite fait pour une bannière de bas de page qui monte et descend...
pour le code déclenché par un bouton ...
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
| <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Bannière bas </title>
<script type="text/javascript">
var pos=-101
function launch(){
var banniere=document.getElementById('banniere')
var moveup=setInterval(function(){
if(pos==0){clearInterval(moveup)}
else{banniere.style.bottom=pos;
pos++;}
},10)
setTimeout(function(){
var movedown=setInterval(function(){
if(pos==-102){clearInterval(movedown)}
else{banniere.style.bottom=pos;
pos--;}
},10)
},5000)
}
</script>
</head>
<body style="overflow:hidden;margin:0px;">
<input type="button" onclick="launch()" value="go" />
<div id="banniere" style="position:absolute; bottom:-101px;left:0px; width:100%;background-color:red;color:white; font-size:30px;text-align:center;height:100px;width:100%;">bannière</div>
</body>
</html> |
attention le body doit être en overflow:hidden...
faire attentions aux hauteurs du div pour le scroll...
le temps visible ici 5 secondes est dans le setTimeout ...
_________________