Running multiple scripts at once

Troy III 272 Posting Pro · 2009-09-25T10:13:17+00:00

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!

Pleasant Day 0 Junior Poster in Training · 2009-09-25T18:43:36+00:00

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

Troy III 272 Posting Pro · 2009-09-26T06:33:28+00:00

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.

Pleasant Day 0 Junior Poster in Training · 2009-09-26T07:36:13+00:00

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

Troy III 272 Posting Pro · 2009-09-26T15:29:51+00:00

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>

Pleasant Day 0 Junior Poster in Training · 2009-09-26T19:40:03+00:00

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

Troy III 272 Posting Pro · 2009-09-27T16:37:07+00:00

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!!!

Pleasant Day 0 Junior Poster in Training · 2009-09-27T18:25:35+00:00

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.

Troy III 272 Posting Pro · 2009-09-27T19:40:43+00:00

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!

Pleasant Day 0 Junior Poster in Training · 2009-09-27T20:22:56+00:00

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

Troy III 272 Posting Pro · 2009-09-27T21:35:28+00:00

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.

Pleasant Day 0 Junior Poster in Training · 2009-09-27T22:32:35+00:00

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.

almostbob 866 Retired: passive income ROCKS · 2009-09-28T00:02:18+00:00

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'>

Pleasant Day 0 Junior Poster in Training · 2009-09-28T00:44:32+00:00

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.

Troy III 272 Posting Pro · 2009-09-28T06:14:27+00:00

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"....

Pleasant Day 0 Junior Poster in Training · 2009-09-28T07:35:16+00:00

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.

Troy III 272 Posting Pro · 2009-09-28T07:52:16+00:00

interesting, because all other clocks are 480px wide!

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

Pleasant Day 0 Junior Poster in Training · 2009-09-28T08:23:13+00:00

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.