PDA

View Full Version : Live Date Script Spacing?



LiLLiPinay
05-27-2010, 11:55 PM
1) Script Title: Live Date Script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex6/clock3.htm


3) Describe problem: I copied the script and instructions for my web page. I need instructions and code to center my Live Date Clock at the bottom of my home page. I am using FrontPage 2000 for my editor.:confused:

azoomer
05-28-2010, 01:14 AM
This will put the clock centered at the bottom of a page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#clockholder {
width:200px;
height:20px;
bottom:20px;
margin-left:-100px;
left:50%;
position:absolute;
}
</style>
</head>

<body onLoad="goforit()">

<div id="clockholder">
<script>

/*
Live Date Script-
Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use,
visit http://www.dynamicdrive.com
*/


var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}
</script>
<span id="clock"></span>
</div><!--end clockholder-->
</body>
</html>

LiLLiPinay
05-28-2010, 01:41 AM
I have tried everything i could think of from all the different scripts instructions available including the coding you provided and I still cannot get it to work.

I have one script I coppied and tweaked a while ago successfully. I can't understand what the problem is this time.

Do you think you could take a quick look at my source code and tell me where and what to change/add to my source?

My web domain is:

http://www.netranswomensalliance.org/

Thank You in advance for your help,

LiLLi...:(