Change text color for one document.write but not color of all text?

01-29-05, 10:41 PM

kroger

Hi, one part of my website is at:

http://www.psych.nmsu.edu/~jkroger/lab/undergrads.html

I want to make the date at the top right darker blue.
But when I do that, all the light blue text next to
the pictures also changes.

How can I control the color of the result of
document.write output without changing the
forground color of the entire page? Note my
document write includes variables, so I was
hesitant to imbed an html command in the
document.write.

Thanks much in advance for any pointers....
Jim

01-30-05, 02:08 AM

Stephen Chalmers

<kroger> wrote in message
news:5160
[..]
> How can I control the color of the result of
> document.write output without changing the
> forground color of the entire page? Note my
> document write includes variables, so I was
> hesitant to imbed an html command in the
> document.write.
>
> Thanks much in advance for any pointers....
> Jim
>

var i=12345;

document.write("I'm GREEN text and here's a variable in red:
".fontcolor('green') +i.toString().fontcolor("red"));

01-30-05, 03:38 AM

RobG

kroger wrote:
> Hi, one part of my website is at:
>
> [..]
>>
> I want to make the date at the top right darker blue.
> But when I do that, all the light blue text next to
> the pictures also changes.
>
> How can I control the color of the result of
> document.write output without changing the
> forground color of the entire page? Note my

Wrap it in a <span> with the appropriate colour. Your
"get date" function is a bit rough too, suggested
improvement below.

Using arrays for months and days is considerably more
efficient than your multiple if's.

> document write includes variables, so I was
> hesitant to imbed an html command in the
> document.write.

HTML is not "commands", it is markup that is interpreted.
It may seem a trivial point, but there you go. You have
no other way of controlling the colour of the element
than using markup, so use it. I have used a span and style,
but you could use a class too.

<html>
<head>
<title>play</title>
<script type="text/javascript">

function clientDate(){
var months = ['January','February','March',
'April','May','June','July',
'August','September','October',
'November','','December'];

var days = ['Sunday','Monday','Tuesday',
'Wednesday','Thursday','Friday',
'Saturday'];

var now = new Date();

return days[now.getDay()]
+ ', ' + months[now.getMonth()]
+ ' ' + now.getDate()
+ ', ' + now.getFullYear();
}
</script>
</head>
<body>
<script type="text/javascript">
document.write('<span style="color: #333366">' +
clientDate() + '</span>');
</script>
</body>
</html>

01-30-05, 05:00 AM

Mick White

RobG wrote:
[..]
> <html>
> <head>
> <title>play</title>
> <script type="text/javascript">
>
> function clientDate(){
> var months = ['January','February','March',
> 'April','May','June','July',
> 'August','September','October',
> 'November','','December'];

Empty string between Nov and Dec?
Mick

>
> var days = ['Sunday','Monday','Tuesday',
> 'Wednesday','Thursday','Friday',
> 'Saturday'];
[..]

01-30-05, 08:15 AM

RobG

Quite right, but frankly I'd rather December was banished from the
calendar, then I'd not get any older...

01-31-05, 12:05 AM

kroger

Wow, thanks Rob for the help with text color on my dates! I learned a
lot!

Thanks to you as well, S.C. ....

Great place, usenet....

Jim

02-02-05, 01:41 AM

kroger

Say, Rob, why do you put the function declaration in the head, and the
call in the body?

Thanks
Jim

---------------

<html>
<head>
<title>play</title>
<script type="text/javascript">

function clientDate(){
var months = ['January','February','March',
'April','May','June','July',
'August','September','October',
'November','','December'];

var days = ['Sunday','Monday','Tuesday',
'Wednesday','Thursday','Friday',
'Saturday'];

var now = new Date();

return days[now.getDay()]
+ ', ' + months[now.getMonth()]
+ ' ' + now.getDate()
+ ', ' + now.getFullYear();
}

</script>
</head>
<body>
<script type="text/javascript">
document.write('<span style="color: #333366">' +
clientDate() + '</span>');
</script>
</body>
</html>

02-02-05, 01:23 PM

Mick White

kroger wrote:

> Say, Rob, why do you put the function declaration in the head, and the
> call in the body?
>

Because that's where you want the date to display.
Mick

Similar Threads
Change font color for all new text in a document Is it possible to change the font color for all new text I'm about t enter in a document. I need to edit a long document and want m comments to be in red. Can this be done...
How can I change the color of Hyperlink text? Tried Text color. Hi, I tried changing the text color using the basic functionality, but it still does not reflect on the slide. I verified to see if the color was selected and it is. In this...
change font color of reoccuring text in a document I have a document that has reoccuring text in it and I would like to change the font color of that text only. Does anyone out there know how to do this? I am using word. ...
How can i change the text color in a cell automaticly if i write. How can i change the color of a text in a cell automaticly if i write a text in another cell. Exampel: in cell C13 i have the text P2 in the color black. If Â´the cell L25 is...
Cell color change with the input of color coded text Can the cell color change with the input of color coded text (ie: R - Red = fail, P - green = pass etc.)