Zacznijmy od tego, że jest to tabelka. W poszczególnych komórkach są odpowiednie skrypty.
I tak:
Data:
<tr>
<td><b>Tekst (dzisiaj jest)</b> </td> <td>
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide it
// Returns today's date in a string with full day and month names
// by Roger C. Scudder Jr. on 10-2-98
// corrected for Netscape by Grzegorz Golebiewski
DayName=new Array(7)
DayName[0]="Niedziela "
DayName[1]="Poniedziałek "
DayName[2]="Wtorek "
DayName[3]="Środa "
DayName[4]="Czwartek "
DayName[5]="Piątek "
DayName[6]="Sobota "
MonthName = new Array(12)
MonthName[0] = "Styczeń "
MonthName[1] = "Luty "
MonthName[2] = "Marzec "
MonthName[3] = "Kwiecień "
MonthName[4] = "Maj "
MonthName[5] = "Czerwiec "
MonthName[6] = "Lipiec "
MonthName[7] = "Sierpień "
MonthName[8] = "Wrzesień "
MonthName[9] = "Październik "
MonthName[10] = "Listopad "
MonthName[11] = "Grudzień "
function getDateStr(){
var Today = new Date()
var WeekDay = Today.getDay()
var Month = Today.getMonth()
var Day = Today.getDate()
return DayName[WeekDay] + "," + " " + Day + " " + MonthName[Month]
}
//-->
</SCRIPT>
<SCRIPT>document.write( getDateStr())
</SCRIPT>
</td>
Nazwy dni tygodnia i miesięcy można zmienić.
Pogoda (jako obrazek):
<td><SCRIPT LANGUAGE="JavaScript">
<!-- Begin
theDate= new Date();
days = new Array();
days[1] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[2] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[3] ="http://img205.imageshack.us/img205/9114/zachmurzeniezesloncemwj9.png";
days[4] ="http://img137.imageshack.us/img137/7162/slonceye0.png";
days[5] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[6] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[7] ="http://img137.imageshack.us/img137/7162/slonceye0.png";
days[8] ="http://img137.imageshack.us/img137/7162/slonceye0.png";
days[9] ="http://img91.imageshack.us/img91/2921/deszczfi7.png";
days[10] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[11] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[12] ="http://img205.imageshack.us/img205/9114/zachmurzeniezesloncemwj9.png";
days[13] ="http://img205.imageshack.us/img205/9114/zachmurzeniezesloncemwj9.png";
days[14] ="http://img91.imageshack.us/img91/2921/deszczfi7.png";
days[15] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[16] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[17] ="http://img91.imageshack.us/img91/2921/deszczfi7.png";
days[18] ="http://img137.imageshack.us/img137/7162/slonceye0.png";
days[19] ="http://img205.imageshack.us/img205/9114/zachmurzeniezesloncemwj9.png";
days[20] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[21] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[22] ="http://img91.imageshack.us/img91/2921/deszczfi7.png";
days[23] ="http://img205.imageshack.us/img205/9114/zachmurzeniezesloncemwj9.png";
days[24] ="http://img91.imageshack.us/img91/2921/deszczfi7.png";
days[25] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[26] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[27] ="http://img91.imageshack.us/img91/2921/deszczfi7.png";
days[28] ="http://img137.imageshack.us/img137/7162/slonceye0.png";
days[29] ="http://img205.imageshack.us/img205/9114/zachmurzeniezesloncemwj9.png";
days[30] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
days[31] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
function printDate() {
document.write('<img src="' + days[theDate.getDate()] + '">'); // day
}
// End -->
</script>
<center>
<script>
printDate();
</script> <SCRIPT language="JavaScript">
<!--
function get_date(maxNum)
{
today=new Date();
t=today.getDate()
return t;
}
//-->
</SCRIPT></td>
Aby zmienić obrazek, wgrywasz swój np na imageshack.us i wklejasz bezpośredni link
w wytłuszczone miejsce: days[1] ="http://img407.imageshack.us/img407/3190/ksiezycvk5.png";
[size]=16]Cytat na dziś (lub jakakolwiek inna informacja, zmieniająca się każdego dnia): [/size]
<td><b>Cytat na dziś</b></td>
<td>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<left>")
now = new Date()
if (now.getDay() == 0)
document.write("Co zrobisz drugiemu, oczekuj od niego.")
if (now.getDay() == 1)
document.write("Głód jest najlepszym kucharzem.")
if (now.getDay() == 2)
document.write("Dusz obojętnych nie chce ani niebo, ani piekło.")
if (now.getDay() == 3)
document.write("Przyjaciele - jedna dusza w dwóch ciałach. ")
if (now.getDay() == 4)
document.write("Sztuka życia - to cieszyć się małym szczęściem. ")
if (now.getDay() == 5)
document.write("Nie sztuka powiedzieć: Jestem!. Trzeba jeszcze być.")
if (now.getDay() == 6)
document.write("Co my wiemy, to tylko kropelka. Czego nie wiemy, to cały ocean. ")
//-->
</SCRIPT>
Gdzie:
if (now.getDay() == 4) wytłuszczony numerek to dzień tygodnia
document.write("Sztuka życia - to cieszyć się małym szczęściem. ") wytłuszczony tekst to ten tekst, który się pojawia w tabelce
Kamień miesiąca (lub jakakolwiek informacja, zmieniająca się co miesiąc):
<td><b>Kamień miesiąca</b></td>
<td>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write("<left>")
now = new Date()
if (now.getMonth() == 0)
document.write("Malachit")
if (now.getMonth() == 1)
document.write("Turkus")
if (now.getMonth() == 2)
document.write("Onyks")
if (now.getMonth() == 3)
document.write("Diament ")
if (now.getMonth() == 4)
document.write("Rubin")
if (now.getMonth() == 5)
document.write("Szafir")
if (now.getMonth() == 6)
document.write("Agat ")
if (now.getMonth() == 7)
document.write("Chalcedon ")
if (now.getMonth() == 8)
document.write("Selenit ")
if (now.getMonth() == 9)
document.write("Szmaragd ")
if (now.getMonth() == 10)
document.write("Topaz ")
if (now.getMonth() == 11)
document.write("Jadeit ")
if (now.getMonth() == 12)
document.write("Lazuryt ")
//-->
</SCRIPT>
Gdzie:
if (now.getDay() == 1) wytłuszczony numerek to numer miesiąca
document.write("Lazuryt ") wytłuszczony tekst to ten tekst, który się pojawia w tabelce
Położenie słońca (lub jakakolwiek inna informacja, zmieniająca się w wybranych godzinach):
<td><b>Położenie Słońca</b></td>
<td>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour > 22) display = "Słońce zaszło. Noc.";
else if (thehour > 19) display = "Słońce znikło ze wschodniej części Inumy. Widać je tylko z południa Imeki";
else if (thehour > 16) display = "Słońce kieruje się na południowy zachód";
else if (thehour > 13) display = "Słońce dotarło Pustyni Hiroi oraz części Imeki. Wszędzie dzień";
else if (thehour > 10) display = "Słońce kieruje się na centrum Inumy";
else if (thehour > 7) display = "Słońce objęło tereny Azataki oraz wschodniej części Wyspy Kirei";
else if (thehour > 4) display = "Słońce wschodzi północnym wschodzie";
var greeting = (display + ".");
document.write(greeting);
// End -->
</script>
Gdzie:
dany tekst pojawia się, gdy jest spełniona informacja podana w skrypcie, czyli: else if (thehour > 4) znaczy
else if (godzina, która jest większa niż 4) więc w miejsce numerka wpisujesz numerek godziny, od której
ma być większa godzina, w której ma się pojawić dany tekst obok
display = "Słońce wschodzi na północnym wschodzie"; wytłuszczony tekst to tekst pojawiający się w tabelce
To ostatnie trochę zakręcone ^^ Podane skrypty wklejasz, jak już mówiłam
to wybranych przez siebie komórek w tabelce. Jak masz jeszcze jakieś pytania to pisz.
Offline
Offline