PDA

View Full Version : center text in javascript



SilverMice
08-09-2007, 01:45 PM
I was curious if anyone knows how to add something to this that would change the text to be centered and not needed but if possible change color to #FF8600. I don't know java or css or anything about it I got this script from another site.



<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- //start

//######################################################################################
// Author: ricocheting.com
// For: public release (freeware)
// Date: 4/24/2003 (update: 5/24/2006)
// Description: displays the amount of time until the "dateFuture" entered below.


// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
// format: dateFuture = new Date(year,month-1,day,hour,min,sec)
// example: dateFuture = new Date(2003,03,26,14,15,00) = April 26, 2003 - 2:15:00 pm

dateFuture = new Date(2007,7,10,17,0,0);

// TESTING: comment out the line below to print out the "dateFuture" for testing purposes
//document.write(dateFuture +"<br />");


//###################################
//nothing beyond this point
function GetCount(){

dateNow = new Date(); //grab current date
amount = dateFuture.getTime() - dateNow.getTime(); //calc milliseconds between dates
delete dateNow;

// time is already past
if(amount < 0){
document.getElementById('countbox').innerHTML="The Contest Has Ended, Prizes Will Be Given Out Shortly And A New Contest Will Begin!";
}
// date is still good
else{
days=0;hours=0;mins=0;secs=0;out="";

amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs

days=Math.floor(amount/86400);//days
amount=amount%86400;

hours=Math.floor(amount/3600);//hours
amount=amount%3600;

mins=Math.floor(amount/60);//minutes
amount=amount%60;

secs=Math.floor(amount);//seconds

if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";}
if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
out += secs +" seconds";
document.getElementById('countbox').innerHTML=out;

setTimeout("GetCount()", 1000);
}
}

window.onload=function(){GetCount();}//call when everything has loaded

//-->
</script><div id="countbox" style="width: 283; height: 1">
</div>

alexjewell
08-09-2007, 01:58 PM
Change these last 2 lines to:



<div id="countbox" style="width: 283px; height: 1px; text-align: center; color: #ff8600;">
</div>

SilverMice
08-09-2007, 02:03 PM
it changes the color but ignores the text center :\

ok i mixed 2 scripts :)

<div id="countbox" style="text-align: center;width: 100%; height: 1px; color:ff8600;">

instead of

<div id="countbox" style="width: 283px; height: 1px; text-align: center; color: #ff8600;">

which only shows color change and not center

alexjewell
08-09-2007, 03:56 PM
Yeah, I thought about using 100&#37; for the width, but I didn't know how much space you had for the div. Glad it's working for you. :)