asked on

Javascript font color

Hello All,

I am using a javascript function I found on the internet to display a progress bar on the screen. My problem is that right now the progress bar "text", the text that moves across the screen to simulate that something is happening is black. I would like to make it another color but can't seem to find the proper syntax for doing this?

Any help? This is the code
var _progressBar = new String("");
_progressBar.fontcolor('red'); // THIS DOES NOT WORK?
var _progressEnd = 10;
var _progressAt = 0;
var _progressWidth = 150; // Display width of progress bar

Thanks for the help.
Mike

VincentPuglia

Hi,

document.write('<div id="bar">' + _progressBar + '</div>')
document.getElementById('bar').style.color = 'red';

Vinny

JakobA

Are you sure this is Javascript ? for one thing variable-names starting with an '_' character should not be used (they are reserved for predefined values)

I am afraid I would need to see the entire script to make sense of this. could you give a link to the place where you found it?

GwynforWeb

I can not see your code but I would image you are using a span,div,table or cell with some id or a name for the bar. I think you need this you want this

var _progressBarColor='red'
var _progressEnd = 10;

if obj is the name or id and where you have something like this for a span or div

document.getElementById('obj').style.color = _progressBarColor
or
document.getElementByIName('obj').style.color = '_progressBarColor

for a table cell replace 'color' with 'background'

ASKER CERTIFIED SOLUTION

GwynforWeb

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

MichaelVB

ASKER

this is where I found the code

http://javascript.internet.com/messages/progress-dialog.html

thanks,
Mike

devic

hey MichaelVB ,

maybe do you want prototype?
here is example:
===================================
<script>
function runit()
{

var progressBar = new String("Any help? This is the code");
String.prototype.color = "red";
String.prototype.colored = textColor;
progressBar = progressBar.colored();

document.write(progressBar)
}

function textColor()
{
return "<FONT color='" + this.color + "'>" + this + "</FONT>";
}
</script>
<button onclick=runit()>runit</button>

SOLUTION