суть в том, что:
1. берется строчка к примеру c2[ 1 ] = ' 20.03.2010 ' , раскладываться до вида 20032010 и сравнивается с текущей датой(которая тоже разложена до такого состояния).
2. затем оценивается статус(предыдущая дата, текущая дата, будущая дата) и с помощью css форматируется;
3. выводиться это в табличке td
вот set.txt (типа базы):
|
Код:
|
c1= new Array();c2= new Array();
last = 10 ;
c1[ 1 ] = ' Текст 1 ' ;
c1[ 2 ] = ' Текст 2 ' ;
c1[ 3 ] = ' Текст 3 ' ;
c1[ 4 ] = ' Текст 4 ' ;
c1[ 5 ] = ' Текст 5 ' ;
c1[ 6 ] = ' Текст 6 ' ;
c1[ 7 ] = ' Текст 7 ' ;
c1[ 8 ] = ' Текст 8 ' ;
c1[ 9 ] = ' Текст 9 ' ;
c1[ 10 ] = ' Текст 10 ' ;
c2[ 1 ] = ' 20.03.2010 ' ;
c2[ 2 ] = ' 21.03.2010 ' ;
c2[ 3 ] = ' 22.03.2010 ' ;
c2[ 4 ] = ' 23.03.2010 ' ;
c2[ 5 ] = ' 24.03.2010 ' ;
c2[ 6 ] = ' 25.03.2010 ' ;
c2[ 7 ] = ' 26.03.2010 ' ;
c2[ 8 ] = ' 27.03.2010 ' ;
c2[ 9 ] = ' 28.03.2010 ' ;
c2[ 10 ] = ' 29.03.2010 ' ; |
и index.htm (обработчик):
<b> Инфо - время: <b>
<script language="JavaScript" src="set.txt"></script>
<style type="text/css">
.dataNo {
text-decoration: none;
}
.dataOk {
text-decoration: line-through;
}
.dataThis {
text-decoration: none;
color: #ff9115;
}
</style>
<script language="JavaScript">
function fileReadAnaliz(set) {
// к 1.
date = new Date();
nums= new Array();
num=1;
for(count_num=1;count_num<=last;count_num++){
nums[num]=count_num;
if (date.getDate() < 10) {gDate = '0'+date.getDate()} else {gDate = date.getDate()} // if data elemet <9, then 0+data element
gMonth=date.getMonth(); gMonth++; gMonth--; gMonth=gMonth+1; //gMonth - 0..9
if (gMonth < 10) {gMonth = '0'+gMonth} else {gMonth = gMonth}
if (date.getYear() < 10 ) {gYear = '0'+date.getYear()} else {gYear = date.getYear()}
function trim(str) {
return str.replace(' ', '');
}
dtc = gYear+" "+gMonth+" "+gDate; dtc = trim(dtc); dtc = trim(dtc); dtc++; dtc--; //data current
dtl = c2[count_num].split('.') // mas ["a", "b", "c"]
dtl2=dtl[2]+''+dtl[1]+''+dtl[0]; dtl2 = trim(dtl2); dtl2 = trim(dtl2); dtl2++; dtl2--; //data lesson
// к 2.
if (dtl2 < dtc) {
document.write('<div class=dataOk>'+set[count_num]+'</div>'); //effect past date
}
else {
if (dtl2 == dtc) {
document.write('<div class=dataThis>'+set[count_num]+'</div>'); //effect past date
}
else {
document.write('<div class=dataNo>'+set[count_num]+'</div>'); //effect no past date
}
}
}
}
</script>
<!--
// к 3.
-->
<table>
<tbody>
<tr>
<td><script>fileReadAnaliz(c1)</script></td>
<td><script>fileReadAnaliz(c2)</script></td>
</tr>
</tbody>
</table>
