JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 
Go Back   Dev Articles Community Forums > Programming > JavaScript Development
Reload this Page

a table cell problem

Discuss a table cell problem in the JavaScript Development forum on Dev Articles.
a table cell problem JavaScript Development forum discussing the use of JavaScript and its features as a powerful DOM manipulator. JavaScript is used in most websites to enrich the interface and enhance the user experience.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
Free Web 2.0 Code Generator! Generate data entry and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!
  #1  
Old June 15th, 2003, 10:00 AM
cemlouis cemlouis is offline
Contributing User
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Oct 2002
Posts: 49 cemlouis User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
Question a table cell problem
Hi I have a simple code like:

Code:
<table width="624" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td width="293" height="181" valign="top" bgcolor="#FF0000" onMouseOver="this.bgColor='#000000'" onMouseout="this.bgColor='#FF0000'" onClick="this.bgColor='#00FF00'"></td>
    <td width="331" valign="top" bgcolor="#FF0000" onMouseOver="this.bgColor='#000000'" onClick="this.bgColor='#00FF00'"></td>
  </tr>
  <tr> 
    <td height="183" valign="top" bgcolor="#FF0000"></td>
    <td valign="top" bgcolor="#FF0000"></td>
  </tr>
</table>


in my 2*2 table: the upper left corner i have onMouse and onClick events which i have trouble about them... the original of the upper left is red when i go over it with mouse it becomes black. When i click it becomes green but if I move the mouse from over the cell it then becomes to its original color red. How can i make a thing like: when i click the mouse it becomes green and stay green if i press another cell then this new one becomes green and the previous one becomes the original(red)???

Thanx in advance...
Reply With Quote
  #2  
Old June 15th, 2003, 06:31 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
  
Join Date: Aug 2002
Location: Sydney, AU
Posts: 2,058 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 6 m 11 sec
Reputation Power: 8
Send a message via ICQ to stumpy Send a message via MSN to stumpy
To make life easier, you could assign an ID your your cells. It is then easier to refernce your ID using the getElementById() function.

Using CSS to control the color/style will also make things easier. e.g.
<td onMouseOver="this.style.className='on'" onMouseOut="this.style.className='off'">
__________________
DevArticles Moderator
BlueSix - Web Development and Consulting
Reply With Quote
  #3  
Old June 15th, 2003, 10:55 PM
ben rowe ben rowe is offline
Junior Member
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Posts: 24 ben rowe User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
ahh crap, your telling me you can define a class dynamically with JS! crap, that would have saved me so much time. I tried id.class, which didnt work!

*kicks himself!
Reply With Quote
  #4  
Old June 15th, 2003, 11:46 PM
stumpy's Avatar
stumpy stumpy is offline
May contain nuts.
Dev Articles Regular (2000 - 2499 posts)
  
Join Date: Aug 2002
Location: Sydney, AU
Posts: 2,058 stumpy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 5 h 6 m 11 sec
Reputation Power: 8
Send a message via ICQ to stumpy Send a message via MSN to stumpy
lol - that woulda been some slow, clunky code, setting different style atributes seperately....
Reply With Quote
  #5  
Old June 16th, 2003, 12:04 AM
ben rowe ben rowe is offline
Junior Member
Dev Articles Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Posts: 24 ben rowe User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
yes, i basically defined each stylesheet atribute!

crap, crap, crap! lol, now i just feel stupid. It only took me 4 years to find that one out
Reply With Quote
Reply

Viewing: Dev Articles Community Forums > Programming > JavaScript Development > a table cell problem

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

 Free IT White Papers!
 
Accelerating Trading Partner Performance
One in five. That's how many partner transactions have at least one error. That is an amazing statistic, particularly given the extraordinary leaps in innovation across the global supply chain during the past two decades. Download this white paper to learn more.
 
Competing on Analytics
This Tech Analysis is designed to help identify characteristics shared by analytics competitors, and includes information about 32 organizations that have made a commitment to quantitative, fact-based analysis.
 
Cost Effective Scaling with Virtualization and Coyote Point Systems
An overview of the industry trend toward virtualization, how server consolidation has increased the importance of application uptime and the steps being taken to integrate load balancing technology with virtualized servers.
 
Five Checkpoints to Implementing IP Telephony
Implementation planning for IP PBX software and IP telephony has become vital as businesses replace discontinued legacy PBX phone systems. This informative whitepaper outlines five &quot;checkpoints&quot; for any implementation plan that will help make IP communications a successful proposition.
 
Hosted Email Security: Staying Ahead of New Threats
In the last two years, email has become a fierce battleground between the nefarious forces of spam and malware, and the heroes of messaging protection. The spam volumes increased alarmingly every month, bringing clever new forms of phishing and virus propagation attacks.
 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 

Iron Speed




© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway.