Class of js?
Moderator: General Moderators
Class of js?
Can I assign the same onMouseOver, onMouseOut events to a group of <td>'s?
- n00b Saibot
- DevNet Resident
- Posts: 1452
- Joined: Fri Dec 24, 2004 2:59 am
- Location: Lucknow, UP, India
- Contact:
Ok, to achieve that, I would like to figure out how to iterate over all the td's in a div.
So i'd like to iterate all of the tds in the div marked "nav" and then assign onmouseover="this.className='selected';" onmouseout="this.className='';" to each - How could i do this?
Code: Select all
<div id="e;nav"e;>
<table width="e;100%"e; cellpadding="e;2"e; cellspacing="e;0"e;>
<tr>
<td onclick="e;window.location='?page=Home';"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Home</td>
<td onclick="e;buttonClick(event, 1);"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Reviews</td>
<td onclick="e;window.location='?page=Recent Releases';"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Recent Releases</td>
<td onclick="e;window.location='?page=Coming Soon';"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Coming Soon</td>
<td onclick="e;window.location='?page=Cast And Crew';"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Cast And Crew</td>
<td onclick="e;buttonClick(event, 2);"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Links</td>
<td onclick="e;buttonClick(event, 3);"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Media</td>
<td onclick="e;window.location='?page=About';"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>About</td>
<td onclick="e;window.location='?page=Contact';"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Contact</td>
<td onclick="e;buttonClick(event, 4);"e; onmouseover="e;this.className='selected';"e; onmouseout="e;this.className='';"e;>Search</td>
</tr>
</table>
</div>