Results 1 to 4 of 4

Thread: center text in javascript

  1. #1
    Join Date
    Aug 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default center text in javascript

    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.


    Code:
    <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>

  2. #2
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    Change these last 2 lines to:

    HTML Code:
    <div id="countbox" style="width: 283px; height: 1px; text-align: center; color: #ff8600;">
    </div>
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

  3. #3
    Join Date
    Aug 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Mar 2006
    Location
    Cleveland, Ohio
    Posts
    574
    Thanks
    6
    Thanked 5 Times in 5 Posts

    Default

    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.
    Thou com'st in such a questionable shape
    Hamlet, Act 1, Scene 4

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •