Stephanos Kyriazis
stephanosk@agrino.org
WebPage Editor
Java Applets
PoolEffe - Large Image
PoolEffe - Small Image
SlideShow
Analog Clock & TicTacToe
Special Scripts
Java Scripts
When this Script is typed in a Webpage,
the hovering of the mouse over links
will make the links change into the color defined.
<![CDATA[
<STYLE>
A:HOVER{COLOR:#00FF00}
</STYLE>
]]>
Besides the hover effect, this Script will make links change their size as well,
to the size defined.
<![CDATA[
<STYLE FPROLLOVER>
A:HOVER{COLOR:#00FF00;FONT-SIZE:32PX}
</STYLE>
]]>
The following STYLE may well be used for Links
<![CDATA[
<STYLE>
A:link {
COLOR: #DEEEFF;
TEXT-DECORATION: none
}
A:visited {
COLOR: #AAAA00;
TEXT-DECORATION: none
}
A:hover {
COLOR: #FEAA0A;
TEXT-DECORATION: underline;
}
</STYLE>
]]>
Add Page to Favorites
<![CDATA[
<CENTER>
<FONT FACE=Times New Roman SIZE=4>
<A HREF="javascript:window.external.AddFavorite('http://www.reocities.com/', 'GeoCities')" onMouseOver="window.status='Alamana'; return true" onMouseOut="window.status=''; return true" target="_top" TITLE="Add to Favorites">
BookMark This Page
</A></FONT>
</CENTER>
]]>
For some quite sophisticated effects on links.
Before a Link is visited
When mouse moves over
When mouse Leaves
<![CDATA[
<A HREF="URL" TITLE="Light Green">
<FONT COLOR=#00FFFF face=Arial id=bmbtitle onmouseout="bmbtitle.style.color='#99FACD'" onmouseover="bmbtitle.style.color = '#FFFF00'">
<B>Before a Link is visited</B>
</FONT></A>
<BR>
<A HREF="URL" TITLE="Orange">
<FONT COLOR=#D0F4E4 face=Arial id=cmbtitle onmouseout="cmbtitle.style.color='#FFA224'" onmouseover="cmbtitle.style.color = '#F00000'">
<B>When mouse moves over</B>
</FONT></A>
<BR>
<A HREF="URL" TITLE="Violet">
<FONT COLOR=#99CCFF face=Arial id=dmbtitle onmouseout="dmbtitle.style.color='#CC00CC'" onmouseover="dmbtitle.style.color = '#DEF456'">
<B>When mouse Leaves</B>
</FONT></A>
]]>
A Time and Date Stamp as a Page Opens
<![CDATA[
<SCRIPT>
document.write(Date()+"")
</SCRIPT>
]]>
"Last Updated on" Date Stamp
Last Updated on
<![CDATA[
Last Updated on
<SCRIPT>
today=new Date();
day=today.getDate();
year=today.getYear();
month=today.getMonth()+1;
if (day==1) end=("st");
else if (day==2) end=("nd");
else if (day==3) end=("rd");
else if (day==21) end=("st");
else if (day==22) end=("nd");
else if (day==23) end=("rd");
else if (day==31) end=("st");
else end=("th");
if (month==1) name=("January");
else if (month==2) name=("February");
else if (month==3) name=("March");
else if (month==4) name=("April");
else if (month==5) name=("May");
else if (month==6) name=("June");
else if (month==7) name=("July");
else if (month==8) name=("August");
else if (month==9) name=("September");
else if (month==10) name=("October");
else if (month==11) name=("November");
else name=("December");
if (year<100) year="19" + year;
document.write(name + " " + day + end + " " + year);
</SCRIPT>
]]>
A Timer
<![CDATA[
<SCRIPT>
function MakeArrayday(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = "";
}
return this;
}
function MakeArraymonth(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = "";
}
return this;
}
function funClock() {
if (!document.layers && !document.all)
return;
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds = runTime.getSeconds();
var dn = "am";
if (hours > 12) {
dn = "pm";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
clock.innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
</SCRIPT>
</FONT>
<TABLE BGCOLOR=#000000 BORDER=0><TR>
<TD BGCOLOR=#000000>
<FONT SIZE=5 COLOR=#FFFFFF>
<span id=clock style="position:relative;"></span>
</FONT></TD></TR></TABLE>
]]>
So that the Time and Date of a PC appears in a WebPage,
use this Script.
<![CDATA[
<SCRIPT language=javascript>
{
tensmin=""; tenssec=""; mark=" am";
months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
todaysdate=new Date();
hour=todaysdate.getHours();
minutes=todaysdate.getMinutes();
seconds=todaysdate.getSeconds();
if (hour>12) {hour-=12; mark=" pm"};
if (hour==0) hour=12;
if (minutes<10) tensmin="0";
if (seconds<10) tenssec="0";
document.write(hour+"<blink>:</blink>"+tensmin+minutes+mark+" ");
document.write(months[todaysdate.getMonth()]+" "+todaysdate.getDate()+" "+todaysdate.getYear()+" ");
// setTimeout('window.location=windowloc',61000-(seconds*1000))
}
</SCRIPT>
]]>
Inserting a Break to the Time and Date parameters.
<![CDATA[
<SCRIPT language=javascript>
{
tensmin=""; tenssec=""; mark=" am";
months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
todaysdate=new Date();
hour=todaysdate.getHours();
minutes=todaysdate.getMinutes();
seconds=todaysdate.getSeconds();
if (hour>12) {hour-=12; mark=" pm"};
if (hour==0) hour=12;
if (minutes<10) tensmin="0";
if (seconds<10) tenssec="0";
document.write(hour+"<blink>:</blink>"+tensmin+minutes+mark+" <br>");
document.write(months[todaysdate.getMonth()]+" "+todaysdate.getDate()+" "+todaysdate.getYear()+" ");
// setTimeout('window.location=windowloc',61000-(seconds*1000))
}
</SCRIPT>
]]>
In this example the presentation language used is Greek.
<![CDATA[
<SCRIPT language=javascript>
{
tensmin=""; tenssec=""; mark=" ΠΜ";
months = new Array("Γενναρης","Φεβραρης","Μαρτης","Απριλης","Μαης","Ιουνης","Ιουλης","Αυγουστος","Σεπτεβρης","Οκτωβρης","Νιοβρης","Δεκεβρης");
todaysdate=new Date();
hour=todaysdate.getHours();
minutes=todaysdate.getMinutes();
seconds=todaysdate.getSeconds();
if (hour>12) {hour-=12; mark=" ΜΜ"};
if (hour==0) hour=12;
if (minutes<10) tensmin="0";
if (seconds<10) tenssec="0";
document.write(hour+"<blink>:</blink>"+tensmin+minutes+mark+" ");
document.write(months[todaysdate.getMonth()]+" "+todaysdate.getDate()+" "+todaysdate.getYear()+" ");
// setTimeout('window.location=windowloc',61000-(seconds*1000))
}
</SCRIPT>
]]>
Date and Timer given in Greek, as presented in a Table,
with the Timer on the Right as a running Clock
10:07 ΠM Παρασκευη Απριλης 14 2000 10:07:41 ΠΜ
<![CDATA[
<TABLE WIDTH=100% BORDER=0 CELLSPACING=2 CELLPADDING=2>
<!-- First Timer -->
<TD ALIGN=LEFT>
<SCRIPT>
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += (hours >= 12) ? " PM" : " AM"
timerRunning = true;
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;
myyear= mydate.getYear();
year = myyear
if(myday == 0)
day = " Κυριακη "
else if(myday == 1)
day = " Δευτερα "
else if(myday == 2)
day = " Τριτη "
else if(myday == 3)
day = " Τεταρτη "
else if(myday == 4)
day = " Πεμπτη "
else if(myday == 5)
day = " Παρασκευη "
else if(myday == 6)
day = " Σαββατο "
if(mymonth == 0)
month = "Γεναρης "
else if(mymonth ==1)
month = "Φεβραρης "
else if(mymonth ==2)
month = "Μαρτης "
else if(mymonth ==3)
month = "Απριλης "
else if(mymonth ==4)
month = "Μαης "
else if(mymonth ==5)
month = "Ιουνης "
else if(mymonth ==6)
month = "Ιουλης "
else if(mymonth ==7)
month = "Αυγουστος "
else if(mymonth ==8)
month = "Σεπτεβρης "
else if(mymonth ==9)
month = "Οκτωβρης "
else if(mymonth ==10)
month = "Νοεμβρης "
else if(mymonth ==11)
month = "Δεκεμβρης"
if (myyear>=100&&myyear<=1900)
year = myyear + 1900;
document.write("<B><FONT COLOR=#FFFFFF FACE=Times New Roman SIZE=4>" + timeValue + "   " +day + month);
document.write(myweekday+"  " + year + "</FONT> </B>");
</SCRIPT>
</TD>
<!-- Second Timer -->
<TD ALIGN=RIGHT>
<SCRIPT>
function MakeArrayday(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = "";
}
return this;
}
function MakeArraymonth(size) {
this.length = size;
for(var i = 1; i <= size; i++) {
this[i] = "";
}
return this;
}
function funClock() {
if (!document.layers && !document.all)
return;
var runTime = new Date();
var hours = runTime.getHours();
var minutes = runTime.getMinutes();
var seconds = runTime.getSeconds();
var dn = "ΠΜ";
if (hours > 12) {
dn = "ΜΜ";
hours = hours - 12;
}
if (hours == 0) {
hours = 12;
}
if (minutes <= 9) {
minutes = "0" + minutes;
}
if (seconds <= 9) {
seconds = "0" + seconds;
}
movingtime = "<b>"+ hours + ":" + minutes + ":" + seconds + " " + dn + "</b>";
if (document.layers) {
document.layers.clock.document.write(movingtime);
document.layers.clock.document.close();
}
else if (document.all) {
clock.innerHTML = movingtime;
}
setTimeout("funClock()", 1000)
}
window.onload = funClock;
</SCRIPT>
<FONT SIZE=4 FACE="Times New Roman" COLOR=#FFFFFF>
<span id=clock style="position:relative;"></span>
</FONT>
</TD></TABLE>
]]>