Member Avatar for Pleasant Day

I'm not experienced in java and so I find scripts that people post and alter them to my needs, I have a bunch of scripts that I got from the net, I want to have all on one page, problem is that I cant get them to all run at once, they must clash or something, perhaps more than one is using the same request at the same time, I need to have them 'all' work. individually on different pages they work, just not all on the same page.

I'm not really sure how combining multiple scripts together would work. When I tried I just copied and pasted them all together one after the other, but perhaps I'm doing that wrong. Its too difficult for me, my knowledge does not go that far and its too advanced for me.

If someone could help me It would really be fantastic, Ive been learning how to integrate javascript into my projects and it really is a joy when you manage to get them to work for your needs. It kind of makes me envious of those that know what they are doing, rather than my fumbles in the dark and little bouts of joy when I hit the right spot.

<script language="javascript">
var ns4=(document.layers)?true:false;
var ie4=(document.all && !document.getElementById)?true:false;
var now=new Date();
now.hrs='00';
now.min='00';
now.sec='00';
var dclk;

function setclock(){
now=new Date(); now.hrs=now.getHours(); now.min=now.getMinutes(); now.sec=now.getSeconds();
now.hrs=((now.hrs>12)? now.hrs-12 : now.hrs)+"";
now.hrs=((now.hrs<10)? "0" : "")+now.hrs;
now.min=((now.min<10)? "0" : "")+now.min;
now.sec=((now.sec<10)? "0" : "")+now.sec;
if(ns4){
dclk.document.open();
dclk.document.write('<div style="position:absolute; left:0px; top:0px; font-size:80px; color:white;"><center>'+now.hrs+':'+now.min+':'+now.sec+'</center></div>');
dclk.document.close();
}else dclk.innerHTML=now.hrs+':'+now.min+':'+now.sec;
}

window.onload=function(){
  setInterval('setclock()',300);
  dclk=(ns4)?document.layers['dclk']:(ie4)?document.all['dclk']:document.getElementById('dclk');
}

window.onresize=function(){
  if(ns4)setTimeout('history.go(0)',400);
}
</script>

<table border="0" width="480" height="35"><tr><td align="center">
<div id="dclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#FFFFFF;"></div>
</td></tr></table>
<font style="font-family: DicotMedium;".

<script language="javascript">

var cellwidth=6;               // EACH "CELL" WIDTH IN PIXELS
var cellheight=10;              // EACH "CELL" HEIGHT IN PIXELS
var fontsize=9;                // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
var fontcolor="white";          // ENTER ANY HTML OR RGB COLOR CODE
var fontstyle="normal";           // ENTER EITHER BOLD, ITALICS, NONE
var oncolor="#FFFFFF";          // COLOR OF ACTIVE CELLS
var offcolor="#7D7D7D";         // COLOR OF INACTIVE CELLS

//************** DO NOT EDIT BEOND THIS POINT *************//
var NS4 = (document.layers)? true : false;
var IE4 = (document.all && !document.getElementById)? true : false;
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var binclk;
var now;
var t='<table cellspacing="1" cellpadding="0" border="0"><tr><td align="center"> </td>';
for(i=0;i<=58;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">'+i+'<br> |</font></td>';
t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">H: </font></td>';
for(i=0;i<=23;i++)t+=(NS4)? '<td><ilayer name="hrs'+i+'" height="'+cellheight+'" width="'+cellwidth+'" bgcolor="'+offcolor+'"></ilayer></td>' : '<td><div id="hrs'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div></td>';
t+='<td colspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">M: </font></td>';
for(i=0;i<=59;i++)t+=(NS4)? '<td><ilayer name="min'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer></td>' : '<td><div id="min'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div></td>';
t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">S: </font></td>';
for(i=0;i<=59;i++)t+=(NS4)? '<td><ilayer name="sec'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer></td>' : '<td><div id="sec'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div></td>';
t+='<td> </td></tr><tr><td> </td><td> </td>';
for(i=1;i<=59;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'"> |<br>'+i+'</font></td>';
t+='</tr></table>';
document.write(t);

function getvals(){
now=new Date();
now.s=now.getSeconds();
now.h=now.getHours();
now.m=now.getMinutes();
}

function setclock(){
getvals();
if((now.h==0)&&(now.m==0)) for(i=1;i<=23;i++)setbgcolor('hrs'+i, offcolor);
if((now.s==0)&&(now.m==0)) for (i=1;i<=59;i++)setbgcolor('min'+i, offcolor);
if(now.s==0) for(i=1;i<=59;i++)setbgcolor('sec'+i, offcolor);
setbgcolor('hrs'+now.h, oncolor);
setbgcolor('min'+now.m, oncolor);
setbgcolor('sec'+now.s, oncolor);
}

function setbgcolor(idstr, color){
if(IE4)document.all[idstr].style.backgroundColor=color;
else if(NS4)document.layers[idstr].bgColor=color;
else document.getElementById(idstr).style.backgroundColor=color;
}

window.onload=function(){
  getvals();
  for(i=0;i<=now.h;i++)setbgcolor('hrs'+i, oncolor);
  for(i=0;i<=now.m;i++)setbgcolor('min'+i, oncolor);
  for(i=0;i<=now.s;i++)setbgcolor('sec'+i, oncolor);
  setInterval('setclock()', 100);
}

window.onresize=function(){
  if(NS4)setTimeout('history.go(0)',400);
}
</script>
<script language="javascript">
var binclk;
var now;
var ns4 = (document.layers)? true : false;
var ie4 = (document.all && !document.getElementById)? true : false;
var ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;

function setclock(){
now=new Date();
var txt=getstring(now.getHours()+'')+' : '+getstring(now.getMinutes()+'')+' : '+getstring(now.getSeconds()+'');
if(ns4) txt='<div style="position:absolute; top:0px; left:0px"><center><b>'+txt+'</b></center></div>'; 
writeid(binclk, txt);
}

function writeid(id,text){
if(ns4){
id.document.open();
id.document.write('<div style="position:absolute; left:0px; top:0px;">'+text+'</div>');
id.document.close();
}
else id.innerHTML=text;
}

function getstring(nbr){
while(nbr.length<2) nbr='0'+nbr;
nbr=nbr.split('');
nbr[0]=eval(nbr[0]).toString(2);
nbr[1]=eval(nbr[1]).toString(2);
while(nbr[0].length<4) nbr[0]='0'+nbr[0];
while(nbr[1].length<4) nbr[1]='0'+nbr[1];
return nbr[0]+','+nbr[1];
}

window.onload=function(){
  binclk=(ns4)? document.layers['binclk']:(ie4)?document.all['binclk']:document.getElementById('binclk');
  setInterval('setclock()', 300);
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
}

</script>

<table border="0" width="480" height="35"><tr><td align="center">
<div id="binclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#FFFFFF;"></div>
</td></tr></table>
<script language="javascript">
var binclk;
var now;
var ns4 = (document.layers)? true : false;
var ie4 = (document.all && !document.getElementById)? true : false;
var ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;

function setclock(){
now=new Date();
var txt=getstring(now.getHours())+' : '+getstring(now.getMinutes())+' : '+getstring(now.getSeconds());
if(ns4) txt='<div style="position:absolute; top:0px; left:0px"><center><b>'+txt+'</b></center></div>'; 
writeid(binclk, txt);
}

function writeid(id,text){
if(ns4){
id.document.open();
id.document.write('<div style="position:absolute; left:0px; top:0px;">'+text+'</div>');
id.document.close();
}
else id.innerHTML=text;
}

function getstring(nbr){
nbr=nbr.toString(2);
while(nbr.length!=6)nbr='0'+nbr;
return nbr;
}

window.onload=function(){
binclk=(ns4)?document.layers['binclk']:(ie4)?document.all['binclk']:document.getElementById('binclk');
setInterval('setclock()', 300);
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
}
</script>

<table border="0" width="480" height="35"><tr><td align="center">
<div id="binclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#FFFFFF;"></div>
</td></tr></table>
<script language="javascript">
var hexclk;
var now;
var ns4 = (document.layers)? true : false;
var ie4 = (document.all && !document.getElementById)? true : false;
var ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;

function setclock(){
now=new Date();
var txt=getstring(now.getHours())+' : '+getstring(now.getMinutes())+' : '+getstring(now.getSeconds());
if(ns4) txt='<div style="position:absolute; top:0px; left:0px"><center><b>'+txt+'</b></center></div>'; 
writeid(hexclk, txt);
}

function writeid(id,text){
if(ns4){
id.document.open();
id.document.write('<div style="position:absolute; left:0px; top:0px;">'+text+'</div>');
id.document.close();
}
else id.innerHTML=text;
}

function getstring(nbr){
nbr=nbr.toString(16);
while(nbr.length!=2)nbr='0'+nbr;
return nbr;
}

window.onload=function(){
hexclk=(ns4)?document.layers['hexclk']:(ie4)?document.all['hexclk']:document.getElementById('hexclk');
setInterval('setclock()', 300);
}

window.onresize=function(){
if(ns4)setTimeout('history.go(0)', 400);
}
</script>

<table border="0" width="480" height="35"><tr><td align="center">
<div id="hexclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#FFFFFF;"></div>
</td></tr></table>
  • 3 Contributors
  • 18 Replies
  • 152 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by Pleasant Day

Recommended Answers

All 18 Replies

Member Avatar for Troy III

can you please first explain to us why would you want 5 different scripts in the same page doing exactly the same thing?!!
That is - displaying time!

Member Avatar for Pleasant Day

Its not all the same thing, they show time in a different way.

Member Avatar for Troy III

but they're showing exactly: the same time!
and exactly the same way using different approaches, as individual coders always do.
But they are absolutely the same.

Member Avatar for Pleasant Day

Well whatever they are, I want them all running at once.

Member Avatar for Troy III

Well whatever they are, I want them all running at once.

Alright sun, here you go than:

<html>
<head>

</head>
<body>
<table border="0" width="480" height="35"><tr><td align="center">
<div id="dclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#000;"></div>
</td></tr></table>


<table border="0" width="480" height="35"><tr><td align="center">
<div id="binclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#000;"></div>
</td></tr></table>



<table border="0" width="480" height="35"><tr><td align="center">
<div id="binclk2" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#000;"></div>
</td></tr></table>



<table border="0" width="480" height="35"><tr><td align="center">
<div id="hexclk" style="position:relative; font-size:20px; font-family:Digital Readout ExpUpright; color:#000;"></div>
</td></tr></table>



<script language="javascript">
//good to go
var cellwidth=6;               // EACH "CELL" WIDTH IN PIXELS
var cellheight=10;              // EACH "CELL" HEIGHT IN PIXELS
var fontsize=9;                // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
var fontcolor="red";          // ENTER ANY HTML OR RGB COLOR CODE
var fontstyle="normal";           // ENTER EITHER BOLD, ITALICS, NONE
var oncolor="#09f";          // COLOR OF ACTIVE CELLS
var offcolor="#00007D";         // COLOR OF INACTIVE CELLS


var NS4=(document.layers)?true:false;
var IE4=(document.all && !document.getElementById)?true:false;
var now=new Date();
var NS6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var binclk;
var binclk1;
var binclk2;
var hexclk;


now.hrs='00';
now.min='00';
now.sec='00';
var dclk=document.getElementById("dclk");

function setclock1(){
now=new Date(); now.hrs=now.getHours(); now.min=now.getMinutes(); now.sec=now.getSeconds();
now.hrs=((now.hrs>12)? now.hrs-12 : now.hrs)+"";
now.hrs=((now.hrs<10)? "0" : "")+now.hrs;
now.min=((now.min<10)? "0" : "")+now.min;
now.sec=((now.sec<10)? "0" : "")+now.sec;
if(NS4){
dclk.document.open();
dclk.document.write('<div style="position:absolute; left:0px; top:0px; font-size:80px; color:#000;"><center>'+now.hrs+':'+now.min+':'+now.sec+'</center></div>');
dclk.document.close();
}else dclk.innerHTML=now.hrs+':'+now.min+':'+now.sec;
}

function digitalClock(){
  setInterval('setclock1()',300);
  dclk=(NS4)?document.layers['dclk']:(IE4)?document.all['dclk']:document.getElementById('dclk');
}



//************** DO NOT EDIT BEOND THIS POINT *************//

var t='<table cellspacing="1" cellpadding="0" border="0" bgcolor="black"><tr><td align="center"> </td>';
for(i=0;i<=58;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">'+i+'<br> |</font></td>';
t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">H: </font></td>';
for(i=0;i<=23;i++)t+=(NS4)? '<td><ilayer name="hrs'+i+'" height="'+cellheight+'" width="'+cellwidth+'" bgcolor="'+offcolor+'"></ilayer></td>' : '<td><div id="hrs'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div></td>';
t+='<td colspan="36"><td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">M: </font></td>';
for(i=0;i<=59;i++)t+=(NS4)? '<td><ilayer name="min'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer></td>' : '<td><div id="min'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div></td>';
t+='<td> </td></tr><tr><td align="center"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'">S: </font></td>';
for(i=0;i<=59;i++)t+=(NS4)? '<td><ilayer name="sec'+i+'" width="'+cellwidth+'" height="'+cellheight+'" bgcolor="'+offcolor+'"></ilayer></td>' : '<td><div id="sec'+i+'" style="position:relative; width:'+cellwidth+'px; font-size:1px; height:'+cellheight+'px; background-color:'+offcolor+'"></div></td>';
t+='<td> </td></tr><tr><td> </td><td> </td>';
for(i=1;i<=59;i+=2)t+='<td align="left" colspan="2"><font style="font-size:'+fontsize+'px; font-weight:'+fontstyle+'; color: '+fontcolor+'"> |<br>'+i+'</font></td>';
t+='</tr></table>';
document.write(t);

function getvals(){
now=new Date();
now.s=now.getSeconds();
now.h=now.getHours();
now.m=now.getMinutes();
}

function setclock2(){
getvals();
if((now.h==0)&&(now.m==0)) for(i=1;i<=23;i++)setbgcolor('hrs'+i, offcolor);
if((now.s==0)&&(now.m==0)) for (i=1;i<=59;i++)setbgcolor('min'+i, offcolor);
if(now.s==0) for(i=1;i<=59;i++)setbgcolor('sec'+i, offcolor);
setbgcolor('hrs'+now.h, oncolor);
setbgcolor('min'+now.m, oncolor);
setbgcolor('sec'+now.s, oncolor);
}

function setbgcolor(idstr, color){
if(IE4)document.all[idstr].style.backgroundColor=color;
else if(NS4)document.layers[idstr].bgColor=color;
else document.getElementById(idstr).style.backgroundColor=color;
}

function interfaceClock(){
  getvals();
  for(i=0;i<=now.h;i++)setbgcolor('hrs'+i, oncolor);
  for(i=0;i<=now.m;i++)setbgcolor('min'+i, oncolor);
  for(i=0;i<=now.s;i++)setbgcolor('sec'+i, oncolor);
  setInterval('setclock2()', 100);
  

}




function setclock3(){
now=new Date();
var txt1=getstring1(now.getHours()+'')+' : '+getstring1(now.getMinutes()+'')+' : '+getstring1(now.getSeconds()+'');
if(NS4) txt1='<div style="position:absolute; top:0px; left:0px"><center><b>'+txt1+'</b></center></div>'; 
writeid1(binclk, txt1);
}

function writeid1(id1,text1){
if(NS4){
id1.document.open();
id1.document.write('<div style="position:absolute; left:0px; top:0px;">'+text1+'</div>');
id1.document.close();
}
else id1.innerHTML=text1;
}

function getstring1(nbr1){
while(nbr1.length<2) nbr1='0'+nbr1;
nbr1=nbr1.split('');
nbr1[0]=eval(nbr1[0]).toString(2);
nbr1[1]=eval(nbr1[1]).toString(2);
while(nbr1[0].length<4) nbr1[0]='0'+nbr1[0];
while(nbr1[1].length<4) nbr1[1]='0'+nbr1[1];
return nbr1[0]+','+nbr1[1];
}

function nonbinaryClock(){
  binclk=(NS4)? document.layers['binclk']:(IE4)?document.all['binclk']:document.getElementById('binclk');
  setInterval('setclock3()', 300);
}





function setclock4(){
now=new Date();
var txt2=getstring2(now.getHours())+' : '+getstring2(now.getMinutes())+' : '+getstring2(now.getSeconds());
if(NS4) txt2='<div style="position:absolute; top:0px; left:0px"><center><b>'+txt2+'</b></center></div>'; 
writeid2(binclk2, txt2);
}

function writeid2(id2,text2){
if(NS4){
id2.document.open();
id2.document.write('<div style="position:absolute; left:0px; top:0px;">'+text2+'</div>');
id2.document.close();
}
else id2.innerHTML=text2;
}

function getstring2(nbr2){
nbr2=nbr2.toString(2);
while(nbr2.length!=6)nbr2='0'+nbr2;
return nbr2;
}

function binaryClock(){
binclk2=(NS4)?document.layers['binclk2']:(IE4)?document.all['binclk2']:document.getElementById('binclk2');
setInterval('setclock4()', 300);
}




function setclock5(){
now=new Date();
var txt3=getstring3(now.getHours())+' : '+getstring3(now.getMinutes())+' : '+getstring3(now.getSeconds());
if(NS4) txt3='<div style="position:absolute; top:0px; left:0px"><center><b>'+txt3+'</b></center></div>'; 
writeid3(hexclk, txt3);
}

function writeid3(id3,text3){
if(NS4){
id3.document.open();
id3.document.write('<div style="position:absolute; left:0px; top:0px;">'+text3+'</div>');
id3.document.close();
}
else id3.innerHTML=text3;
}

function getstring3(nbr3){
nbr3=nbr3.toString(16);
while(nbr3.length!=2)nbr3='0'+nbr3;
return nbr3.toUpperCase();
}

function HEXClock(){
hexclk=(NS4)?document.layers['hexclk']:(IE4)?document.all['hexclk']:document.getElementById('hexclk');
setInterval('setclock5()', 300);
}

  interfaceClock();
  digitalClock();
  nonbinaryClock();
  binaryClock();
  HEXClock();

window.onresize=function(){
  if(NS4)setTimeout('history.go(0)',400);
}

</script>

</body>
</html>
Member Avatar for Pleasant Day

Thats amazing, thank you very much Troy :)
Is there a way to make the last one centered? its aligned to the left.

Edited by Pleasant Day because: n/a
Member Avatar for Troy III

Thats amazing, thank you very much Troy :)
Is there a way to make the last one centered? its aligned to the left.

Yes there is, but...
Your question was:
"how to get these scripts running in the same time"
- and it is solved!
But I don't see the "solved" mark anywhere!!!

Member Avatar for Pleasant Day

They are running all at once, but one isn't in the centre, its aligned to the left, so it looks odd, its the one that starts like this.

<script language="javascript">
//good to go
var cellwidth=6;               // EACH "CELL" WIDTH IN PIXELS
var cellheight=10;              // EACH "CELL" HEIGHT IN PIXELS
var fontsize=9;                // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
var fontcolor="red";          // ENTER ANY HTML OR RGB COLOR CODE
var fontstyle="normal";           // ENTER EITHER BOLD, ITALICS, NONE
var oncolor="#09f";          // COLOR OF ACTIVE CELLS
var offcolor="#00007D";         // COLOR OF INACTIVE CELLS

The rest are in the centre only that one isn't.

Member Avatar for Troy III

They are running all at once, but one isn't in the centre, its aligned to the left, so it looks odd, its the one that starts like this.

<script language="javascript">
//good to go
var cellwidth=6;               // EACH "CELL" WIDTH IN PIXELS
var cellheight=10;              // EACH "CELL" HEIGHT IN PIXELS
var fontsize=9;                // FONT SIZE OF THE NUMBERS. SETTING THIS TOO BIG CAUSES UNDESIRED EFFECTS.
var fontcolor="red";          // ENTER ANY HTML OR RGB COLOR CODE
var fontstyle="normal";           // ENTER EITHER BOLD, ITALICS, NONE
var oncolor="#09f";          // COLOR OF ACTIVE CELLS
var offcolor="#00007D";         // COLOR OF INACTIVE CELLS

The rest are in the centre only that one isn't.

So what?!
It is a separate standalone example script as all others are. It wasn't meant, nor written to be centered. And that's exactly why it isn't!

Member Avatar for Pleasant Day

How could it be centered? What could be added to center it?

Member Avatar for Troy III

None of the elements are centered either.
They are all left aligned but the internal content is centered. So is sthis one except that this one is a bit wider than 480px. Wide them to the width of this monitor-like table and they'll come to center along its width.

Member Avatar for Pleasant Day

Wide them to the width of this monitor-like table and they'll come to center along its width.

Not quite sure what you are saying, the others may not centred in the script, but they are where I have them pasted in, they look how I want them, so thats all fine, its only the last that is giving me problems, not sure what "Wide them to the width of this monitor-like table" means, tne size of it is right, its the right scale on the screen, I just need to know what code to put in to center on that last one.

Member Avatar for almostbob

just began reading this thread,
the cut n paste scripts are out of date ,
use deprecated code
"check for IE4 NS4 "
ie is at 8
Nestscape is a dodo, its extinct
replace the scripts
problems solved
<script language='javascript'> should be <script type='text/javascript'>

Edited by almostbob because: n/a
Member Avatar for Pleasant Day

Just began reading this thread,
the cut n paste scripts are out of date ,
use deprecated code
"check for IE4 NS4 "
ie is at 8
Nestscape is a dodo, its extinct

If it works it doesnt matter how old it is or if its done different nowadays, if it still 'works', then thats OK.
Also bear in mind - from first page
I'm not experienced in java and so I find scripts that people post and alter them to my needs.

replace the scripts
problems solved
<script language='javascript'> should be <script type='text/javascript'>

You gave me the advice.

replace the scripts
<script language='javascript'> should be <script type='text/javascript'>

I changed

<script language='javascript'>

for

<script type='text/javascript'>

And it made no differance at all. Still looks exactly the same, and.. the last clock in the script, is still not centered. The problem is still not solved yet.

Edited by Pleasant Day because: n/a
Member Avatar for Troy III

If it works it doesnt matter how old it is or if its done different nowadays, if it still 'works', then thats OK.
Also bear in mind - from first page
I'm not experienced in java and so I find scripts that people post and alter them to my needs.

You gave me the advice.

I changed

<script language='javascript'>

for

<script type='text/javascript'>

And it made no differance at all. Still looks exactly the same, and.. the last clock in the script, is still not centered. The problem is still not solved yet.

And it shouldn't - the "language" attribute of the script tags is still supported wider wider than W3C "type" attribute that does absolutely nothing.

The lemenents you are saying are centered - they arent. Only the text inside of 480px wide containers is centered.
For them to look all equal you will need to make their table containers same width of this interesting interface, or set this one to 480px, you will also need to download the special font used for complete experience which can be found here:
free download

The quick solution is:

//************** DO NOT EDIT BEOND THIS POINT *************//

var t='<table width=480 cellspacing="1" cellpadding="0"....

Member Avatar for Pleasant Day

On the font, yes I already have that font, it was me that changed it for that one, the original script had plain stock font.

That does it for centering, 'but' I have some artwork under all this, and now that last one is as wide as the 'whole' 480 width and its falling out of bounds of the art bellow, so I either need something that says we have borders each side so its not as wide, or something else, as now its too wide.

on its own it had 24 pixels on each side, and the clock was 432 pixels wide. So this solution is causing problems to the layout being too wide now for that last one, the others are fine of course.

Edited by Pleasant Day because: n/a
Member Avatar for Troy III

interesting, because all other clocks are 480px wide!

you will need to set them all to 432px than...

Member Avatar for Pleasant Day

If you do that and the others are not centred,
I dont know, perhaps it would be better to go back to the beginning, and rather than have them all as one big script, they are 5 seperate clocks, seperate scripts, and they dont clash and can all run, rather than one big script, that way you wont have this size thing.

In the original scripts 4 are contained within frames that are 480, but the last one isnt, its frame it is contained in is smaller, I think sticking them all together in one frame is whats making problems, they was perhaps better before, each script was in its own frame on the web page, only it didnt work, as they would not all work at once, you have combined them together in one script, but its caused centering problems on the last script.

so either add some code to say to it, this is centered, or add something to the sides, some padding to each side so again its centered, or have each script on its own, that I add into its own seperate frame, only they dont clash, they all work at once. So its one of these perhaps.

Edited by Pleasant Day because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.