Ad:

HTML and CSS Discussion Thread
Unsolved
Views: 66111

Dec 29th, 2004

-1

Want to change color on click!?

Expand Post »

I am displaying data in a table on one of my web pages. When the user clicks on a row, I want that row ONLY to change color. I'd settle for that cell. I have a css file referenced on the page with two styles, td_on and td_off, which have same settings except for the background colors. I put the "class" tag in the td like so: <td align="center" class="td_off" >

I have tried to use the onclick action to change the class to the td_on style like so, onclick="class=td_on" but this does NOT cause any changes. Can someone tell me what the proper syntax for doing this is ... or maybe an easier way to accomplish what I want???!

TIA

Similar Threads

How to change the color of selected row of an HTML table without using CSS or Javascr in VB.NET
GridView Change Color to Column Values in ASP.NET
change the color for DBGrid row; Input Validation code help!! in Visual Basic 4 / 5 / 6
Change Color dataGridView in C++
How to change color of a row in Java

vcombs

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

2 posts
since Dec 2004

Permalink

Jan 23rd, 2005

Re: Want to change color on click!?

Maybe u could try onclick="id='td_off'" . I'm not exacly shure if it is the write sintax, maybe it has to be something infront of " style='td_of' ", like TD or something. But I think this works.I'm new here to!

Try and reply!

Ok I tried it myselfe and the only problem is vith IE couse u have to alow a "popup" if u wont it to work.

Firefox goes OK! :o

Last edited by pajac; Jan 23rd, 2005 at 11:58 am. Reason: I'm stupid!!

pajac

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

33 posts
since Jan 2005

Permalink

Jan 23rd, 2005

Re: Want to change color on click!?

Use ID instead of class in css.

dont .something but #something ok.

pajac

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

33 posts
since Jan 2005

Permalink

Jan 24th, 2005

Re: Want to change color on click!?

Quote originally posted by vcombs ...

I am displaying data in a table on one of my web pages. When the user clicks on a row, I want that row ONLY to change color. I'd settle for that cell. I have a css file referenced on the page with two styles, td_on and td_off, which have same settings except for the background colors. I put the "class" tag in the td like so: <td align="center" class="td_off" >

I have tried to use the onclick action to change the class to the td_on style like so, onclick="class=td_on" but this does NOT cause any changes. Can someone tell me what the proper syntax for doing this is ... or maybe an easier way to accomplish what I want???!

TIA

Here - if you haven't gotten it, try this:

This should be your TD in your HTML:

HTML and CSS Syntax (Toggle Plain Text)
<td class="out" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><a href="page.php">LINK</a></td>
<td class="out" onMouseOver="this.className='over'" onMouseOut="this.className='out'"><a href="page.php">LINK</a></td>

Then in your stylesheet:

HTML and CSS Syntax (Toggle Plain Text)

.over { background-color:#D0C0A9; padding-top: 2px; padding-bottom:2px;} 
.out { background-color: #E1D4C0; padding-top: 2px; padding-bottom:2px;}

That should do it for ya!

Let me know if you have problems, I'd be glad to help.

Shannon
Second Platform

2ndPlatform

Reputation Points: 15

Solved Threads: 0

Junior Poster in Training

Offline

61 posts
since Nov 2004

Permalink

Jan 24th, 2005

Re: Want to change color on click!?

God solution 2ndPlatform!

I'm missing some experiences at this field, but doing on that too. :mrgreen:

pajac

Reputation Points: 10

Solved Threads: 0

Light Poster

Offline

33 posts
since Jan 2005

Permalink

Apr 27th, 2009

Re: Want to change color on click!?

Click to Expand / Collapse Quote originally posted by vcombs ...

I am displaying data in a table on one of my web pages. When the user clicks on a row, I want that row ONLY to change color. I'd settle for that cell. I have a css file referenced on the page with two styles, td_on and td_off, which have same settings except for the background colors. I put the "class" tag in the td like so: <td align="center" class="td_off" >

I have tried to use the onclick action to change the class to the td_on style like so, onclick="class=td_on" but this does NOT cause any changes. Can someone tell me what the proper syntax for doing this is ... or maybe an easier way to accomplish what I want???!

TIA

ok so here is what i used. i got the same situation you did. kinda. anyway if your just changing the background of a cell onClick do this <td onClick="this.bgcolor='000000'"> and for rows this <tr onClick="this.bgcolor='000000'"> now obviously you can change the colors as needed or desired but this worked for me.

billbob12345678

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

1 posts
since Apr 2009

Permalink

Apr 29th, 2009

Re: Want to change color on click!?

Here are some cool JavaScript solutions:

http://www.flexigrid.info/

MasonShew

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

3 posts
since Apr 2009

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Spry Vertical Menu in IE6

Next Thread in HTML and CSS Forum Timeline: Positioning Elements using CSS/DHTML

DaniWeb Message

Cancel Changes

User Name
Password