• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 180
  • Last Modified:

Colors in an event page

I am not very familiar with CSS/Cold Fusion code.  Let's just say not at ALL familiar.

I have the piece of code below, and basically, when the column on the far right says "OPEN" I want it to be dark green.  When it says "CLOSED" I want it Black.  When it says REAL WORLD, I want it in RED.

Can someone  help rewrite this line to do what I need?  It could be that it's Black unless it says OPEN or REAL WORLD.

Thank you!
as reads:
  <td onclick="rowtoggle(#EventID#);" align="right" <cfif IsOpen is 1>style="color:green">OPEN<br> #calchours# H, #calcminutes# M<cfelse>style="color:grey">CLOSED</cfif></td>
This piece of code really works on another page, but I couldn't get it to do what I wanted to do on this newer page:
<td onclick="rowtoggle(#EventID#);" align="right" <cfif IsOpen is 1>style="color:red">OPEN<br> #calchours# H, #calcminutes# M<cfelse>style="color:grey">CLOSED</cfif></td>
Would this piece do what I need:  
<td onclick="rowtoggle(#EventID#);" align="right" <cfif IsOpen is 1>style="color:green">OPEN<br> #calchours# H, #calcminutes# M<cfif IsReal World is 1>style="color:red">OPEN<br> #calchours# H, #calcminutes# M<cfelse>style="color:grey">CLOSED</cfif></td>

Open in new window

  • 2
  • 2
1 Solution
How about this..
<td onclick="rowtoggle(#EventID#);" align="right">
 <cfif isOpen>
   <span style="color:green;">OPEN
 <cfelseif isRealWorld>
   <span style="color:green;">OPEN
   <span style="color:grey;">CLOSED
  #calchours# H, #calcminutes# M

Open in new window

Murali MurugesanFull stack Java developerCommented:
i would suggest you to use modulo logic for this.

Note: I dont know cold fusion, but the below is a logic i use in JSP to make it simple.




<td class=" IsOpen eq 1?'odd':IsReal eq 1?'even':'even_grey'"></td>


Assuming your testing against a single value, here's an example of how to do what you want to do....(I think):

<!-- Here I'm using  the variable named "TheStatusValue" to hold the incoming information.  This could be coming from a query or another source, it doesn't really matter  -->
<cfset TheStatusValue = "Real World">

<td onclick="rowtoggle(#EventID#);" align="right"
      <cfif TheStatusValue is "Open">
    <cfelseif TheStatusValue is "Real World">
    <cfelseif TheStatusValue is "Closed">

If you're testing only one value, then use cfswitch

I'm guessing there's more to it because the variables in his example seem to be boolean values, so maybe he needs to test the combination of values and change the colors accordingly.  A little more detail would help.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now