Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Format color on a variable 1

Status
Not open for further replies.
DRowland

DRowland

Programmer
May 23, 2001
232
US
I am new working on javascript, and have a problem that is probably very simple to someone with experience.
I have searched previous entries, and tried all I found, with no luck.
What I want to do, is change the color of one line of a variable.
Below is my script.
_____________________________
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
var greet = "<i>Good Morning!</i> "
if (hours>=12){
dn="PM"
greet.fontcolor = '#FF0080"
greet = "<i>Good Afternoon! </i>"}
if (hours>=18){
greet = "<i>Good Evening! </i>"}
if (hours>12){
hours=hours-12
_______________________________
What I want to do is make the "Good Morning" one color,
"Good Afternoon" another, and "good evening a third. So far, nothing has worked, including the "greet.fontcolor...." line shown.
Any help is welcome.
Thanks
Dick



Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Sort by date Sort by votes
Instead of
Code: 
greet.fontcolor = '#FF0080";
try
Code: 
greet.fontcolor('#FF0080');

Also, you seem to be the victim of mismatched quotes. Is that a typo?

--Chessbot
 
Upvote 0 Downvote
Hey Chessbot.. Thanks for the quick response.
Yes the mis=match was a typ-o.
I tried a cut/n/paste of your code, and it didn't work either. It that code is known to work elsewhere, perhaps there is something about my machine that I am not aware of.

Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
Click here. Does the bottom string show up red?

What browser are you using?

--Chessbot
 
Upvote 0 Downvote
The last line was red, I am using IE6.


Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
Does this script work for you?
Code: 
<html>
<head>
<title>Date</title>
</head>
<body>
<script type="text/javascript">
<!--

var mydate = new Date();
var hours = mydate.getHours();
var minutes = mydate.getMinutes();
var seconds = mydate.getSeconds();
var dn="AM";
var greet = "Good Morning!";

if (hours >= 12)
{
  dn="PM"
  greet.fontcolor('#FF0080');
  greet = "Good Afternoon!";
}
if (hours >= 18)
{
  greet = "Good Evening!";
}

if (hours > 12)
{
  hours -= 12;
}

greet.italics();
document.writeln(greet);

// -->
</script>
</body>
</html>

--Chessbot
 
Upvote 0 Downvote
Nope, That didn't work either.

Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
What time does your system have? Would it trigger hours>=12? Try hardcoding hours as 20 or something for testing purposes.

--Chessbot
 
Upvote 0 Downvote
Is there a way to do a cut/n/paste without all the language changing on the paste?


Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
On the code sent earlier, I just inserted the one changed line, and got an error code, no printing at all.


Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
Copy the whole code into a new file and see if it works. Leave it as is.

--Chessbot
 
Upvote 0 Downvote
I tried that.
All the <'s and >'s etc. were changed, and the who thing was one big paragraph.

Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
I'm using Front page. Let me try moving it to notepad first, then to FP and see what happens. I am using the HTML editor for FP.

Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
Don't use frontpage; it WON'T work! Use notepad and save as .html.

--Chessbot
 
Upvote 0 Downvote
Ok... I just did it with notepad, and ran it on Ie, with no changes in color, and tested it with different times.
HMMMMM


Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
I also wondered if there is a way to create custom controls such as the bold, italic, etc controls. That way I could just enter a <XXX> command in the same manner as the <b> and have it done. Has anyone ever heard of a way to create such things?

Dick

|========================|
I sure wish there was a way
to receive the best teaching, [smarty]
without having to go through
some of the worst experiences![ponder]
|========================|
 
Upvote 0 Downvote
Open it, hit "view source", and post the code. Let's see if anything got changed somewhere.

--Chessbot
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Kennelbloke
  • Locked
  • Question
Can't Get Markers to show on Map
Replies
0
Views
1K
Kennelbloke
Kennelbloke
Mike Lewis
  • Locked
  • Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid) 1
Replies
5
Views
2K
Mike Lewis
Mike Lewis
penguinspeaks
  • Locked
  • Question
How do I pass a classic asp variable to JS
Replies
1
Views
1K
xwb
xwb
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
732
rogerte
rogerte
JScannell
  • Locked
  • Question
Javascript issue on iPhone/iMac platforms
Replies
0
Views
776
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top